Was können wir tun
diff --git a/de/assets/js/050ff1a7.8cc5a24d.js b/de/assets/js/050ff1a7.28ca869c.js
similarity index 92%
rename from de/assets/js/050ff1a7.8cc5a24d.js
rename to de/assets/js/050ff1a7.28ca869c.js
index 8bebb52428..745f197f59 100644
--- a/de/assets/js/050ff1a7.8cc5a24d.js
+++ b/de/assets/js/050ff1a7.28ca869c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4651],{3541:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>a,toc:()=>d});var n=t(1527),i=t(7214);const s={title:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/tooljet-vs-retool",source:"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.83,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:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},nextItem:{title:"Best Open-Source Low-Code Platform for Building Internal Tools",permalink:"/illa-website/de/blog/internal-tool"},relatedPosts:[{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Introduction",id:"introduction",level:2},{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Retool",id:"retool",level:2},{value:"Retool's key features and use cases:",id:"retools-key-features-and-use-cases",level:3},{value:"Tooljet",id:"tooljet",level:2},{value:"Tooljet's key features and use cases:",id:"tooljets-key-features-and-use-cases",level:3},{value:"Comparing Retool and Tooljet",id:"comparing-retool-and-tooljet",level:2},{value:"Choosing the Right Low-Code Platform for Your Needs",id:"choosing-the-right-low-code-platform-for-your-needs",level:2},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.h2,{id:"introduction",children:"Introduction"}),"\n",(0,n.jsx)(o.p,{children:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses looking to streamline their internal processes. Retool and Tooljet are two popular low-code platforms that have attracted attention for their ability to build internal tools with ease. In this blog, we'll compare Retool and Tooljet, exploring their key features, use cases, and performance, and introduce ILLA Cloud as a supporting platform for app development and deployment."}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.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,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,n.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,n.jsx)(o.h2,{id:"retool",children:"Retool"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,n.jsx)(o.p,{children:"Retool is a widely-used low-code platform that makes it easy to build custom internal tools, including SQL GUIs and Airtable dashboards. With its extensive integration capabilities, Retool allows users to connect to various databases and APIs, making it a popular choice for developing Redis UIs and Airtable admin panels. Retool offers both self-hosted and cloud-based solutions, making it a flexible option for businesses of all sizes. However, some users may find Retool's pricing a bit steep, which has led to a search for open-source Retool alternatives."}),"\n",(0,n.jsx)(o.h3,{id:"retools-key-features-and-use-cases",children:"Retool's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Extensive Integration Capabilities: Retool supports a wide range of databases and APIs, such as SQL, Redis, and Airtable, making it a popular choice for developing Redis UIs, SQL GUIs, and Airtable admin panels."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool features a drag-and-drop interface, which enables users to build internal tools without extensive coding knowledge. The platform also provides a range of pre-built components, such as tables, forms, and charts, to speed up the development process."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: With Retool custom components, users can create bespoke solutions tailored to their specific needs. This feature allows for greater flexibility and control over the appearance and functionality of internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Retool offers robust security features, including role-based access control, audit logs, and SSO. In addition to its cloud-based solution, Retool's self-hosted and on-premise options provide businesses with even more control over their data and infrastructure."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool offers a range of pricing plans, but its relatively higher costs may lead some users to search for more affordable open-source Retool alternatives."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,n.jsx)(o.p,{children:"Tooljet is another powerful low-code platform that enables users to build and deploy internal tools and software quickly. Like Retool, Tooljet offers a wide range of integrations, making it easy to create GUIs for Redis and MySQL, as well as handle Redis queries. Tooljet's open-source nature makes it an appealing choice for businesses looking for Retool alternatives. In addition to its ease of use and customizability, Tooljet offers a secure and compliant environment for developing internal tooling, with features like SSO and Docker support."}),"\n",(0,n.jsx)(o.h3,{id:"tooljets-key-features-and-use-cases",children:"Tooljet's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Like Retool, Tooljet offers a wide range of integrations, allowing users to connect to various databases and APIs, such as SQL, Redis, and Airtable. This makes it easy to create GUIs for Redis and MySQL and handle Redis queries."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Tooljet provides an intuitive interface with a drag-and-drop builder, making it easy for users to create and customize their internal tools. It also includes a rich library of pre-built components to facilitate rapid development."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Tooljet's open-source nature allows for greater customization and flexibility than Retool. Users can modify the source code and contribute to the platform's development, ensuring that their internal tools align with their unique requirements."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Tooljet prioritizes security, offering features like SSO, Docker support, and role-based access control. This ensures that your internal tools remain secure and compliant while using Tooljet."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Tooljet's open-source model is free to use and modify, making it an attractive and cost-effective alternative to Retool, especially for smaller businesses or those with limited budgets."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"comparing-retool-and-tooljet",children:"Comparing Retool and Tooljet"}),"\n",(0,n.jsx)(o.p,{children:"When comparing Retool and Tooljet, several key factors come into play:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Both platforms offer extensive integrations, allowing users to connect to various databases and APIs, including SQL, Redis, and Airtable. While both platforms excel in this area, your choice may depend on specific integration requirements or preferences."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool and Tooljet both provide intuitive drag-and-drop interfaces and a library of pre-built components, making it easy for users to build internal tools like Google internal tools and Airtable dashboards. Personal preferences and ease of use will play a role in determining the best option for your needs."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Retool offers custom components, while Tooljet's open-source nature allows for even greater customization. Consider the level of customization required for your internal tools when choosing between the two platforms."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both platforms prioritize security, with Retool providing self-hosted and on-premise options, while Tooljet offers SSO and Docker support. Evaluate your organization's specific security and compliance requirements when making a decision."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool's pricing may be a barrier for some users, while Tooljet's open-source model offers a more budget-friendly alternative. Consider your organization's budget and financial constraints when selecting the most suitable platform."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"choosing-the-right-low-code-platform-for-your-needs",children:"Choosing the Right Low-Code Platform for Your Needs"}),"\n",(0,n.jsx)(o.p,{children:"To choose between Retool and Tooljet, consider the following factors:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Requirements: Both platforms offer extensive integration options, so your choice may depend on specific needs or preferences. Evaluate which platform best supports the databases and APIs essential to your internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: If custom components are a priority, Retool may be the better choice. However, if you prefer an open-source platform with greater flexibility, Tooljet could be more suitable."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both Retool and Tooljet offer robust security features, so consider your specific compliance requirements when making a decision. Assess which platform best aligns with your organization's security policies and standards."}),"\n",(0,n.jsx)(o.li,{children:"Budget: If you're searching for a cost-effective solution, Tooljet's open-source model may be more appealing than Retool's pricing structure. Take into account the long-term costs associated with each platform, including potential updates and maintenance."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,n.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,n.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,n.jsx)(o.p,{children:"Any developer will love ILLA for two reasons-freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,n.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,n.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,n.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,n.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,n.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,n.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,n.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,n.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,n.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,n.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,n.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function u(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>a,a:()=>l});var n=t(959);const i={},s=n.createContext(i);function l(e){const o=n.useContext(s);return n.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(i):e.components||i:l(e.components),n.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4651],{3541:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>a,toc:()=>d});var n=t(1527),i=t(7214);const s={title:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/tooljet-vs-retool",source:"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.83,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:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},nextItem:{title:"Best Open-Source Low-Code Platform for Building Internal Tools",permalink:"/illa-website/de/blog/internal-tool"},relatedPosts:[{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"},{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Introduction",id:"introduction",level:2},{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Retool",id:"retool",level:2},{value:"Retool's key features and use cases:",id:"retools-key-features-and-use-cases",level:3},{value:"Tooljet",id:"tooljet",level:2},{value:"Tooljet's key features and use cases:",id:"tooljets-key-features-and-use-cases",level:3},{value:"Comparing Retool and Tooljet",id:"comparing-retool-and-tooljet",level:2},{value:"Choosing the Right Low-Code Platform for Your Needs",id:"choosing-the-right-low-code-platform-for-your-needs",level:2},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.h2,{id:"introduction",children:"Introduction"}),"\n",(0,n.jsx)(o.p,{children:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses looking to streamline their internal processes. Retool and Tooljet are two popular low-code platforms that have attracted attention for their ability to build internal tools with ease. In this blog, we'll compare Retool and Tooljet, exploring their key features, use cases, and performance, and introduce ILLA Cloud as a supporting platform for app development and deployment."}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.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,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,n.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,n.jsx)(o.h2,{id:"retool",children:"Retool"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,n.jsx)(o.p,{children:"Retool is a widely-used low-code platform that makes it easy to build custom internal tools, including SQL GUIs and Airtable dashboards. With its extensive integration capabilities, Retool allows users to connect to various databases and APIs, making it a popular choice for developing Redis UIs and Airtable admin panels. Retool offers both self-hosted and cloud-based solutions, making it a flexible option for businesses of all sizes. However, some users may find Retool's pricing a bit steep, which has led to a search for open-source Retool alternatives."}),"\n",(0,n.jsx)(o.h3,{id:"retools-key-features-and-use-cases",children:"Retool's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Extensive Integration Capabilities: Retool supports a wide range of databases and APIs, such as SQL, Redis, and Airtable, making it a popular choice for developing Redis UIs, SQL GUIs, and Airtable admin panels."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool features a drag-and-drop interface, which enables users to build internal tools without extensive coding knowledge. The platform also provides a range of pre-built components, such as tables, forms, and charts, to speed up the development process."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: With Retool custom components, users can create bespoke solutions tailored to their specific needs. This feature allows for greater flexibility and control over the appearance and functionality of internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Retool offers robust security features, including role-based access control, audit logs, and SSO. In addition to its cloud-based solution, Retool's self-hosted and on-premise options provide businesses with even more control over their data and infrastructure."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool offers a range of pricing plans, but its relatively higher costs may lead some users to search for more affordable open-source Retool alternatives."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,n.jsx)(o.p,{children:"Tooljet is another powerful low-code platform that enables users to build and deploy internal tools and software quickly. Like Retool, Tooljet offers a wide range of integrations, making it easy to create GUIs for Redis and MySQL, as well as handle Redis queries. Tooljet's open-source nature makes it an appealing choice for businesses looking for Retool alternatives. In addition to its ease of use and customizability, Tooljet offers a secure and compliant environment for developing internal tooling, with features like SSO and Docker support."}),"\n",(0,n.jsx)(o.h3,{id:"tooljets-key-features-and-use-cases",children:"Tooljet's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Like Retool, Tooljet offers a wide range of integrations, allowing users to connect to various databases and APIs, such as SQL, Redis, and Airtable. This makes it easy to create GUIs for Redis and MySQL and handle Redis queries."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Tooljet provides an intuitive interface with a drag-and-drop builder, making it easy for users to create and customize their internal tools. It also includes a rich library of pre-built components to facilitate rapid development."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Tooljet's open-source nature allows for greater customization and flexibility than Retool. Users can modify the source code and contribute to the platform's development, ensuring that their internal tools align with their unique requirements."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Tooljet prioritizes security, offering features like SSO, Docker support, and role-based access control. This ensures that your internal tools remain secure and compliant while using Tooljet."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Tooljet's open-source model is free to use and modify, making it an attractive and cost-effective alternative to Retool, especially for smaller businesses or those with limited budgets."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"comparing-retool-and-tooljet",children:"Comparing Retool and Tooljet"}),"\n",(0,n.jsx)(o.p,{children:"When comparing Retool and Tooljet, several key factors come into play:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Both platforms offer extensive integrations, allowing users to connect to various databases and APIs, including SQL, Redis, and Airtable. While both platforms excel in this area, your choice may depend on specific integration requirements or preferences."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool and Tooljet both provide intuitive drag-and-drop interfaces and a library of pre-built components, making it easy for users to build internal tools like Google internal tools and Airtable dashboards. Personal preferences and ease of use will play a role in determining the best option for your needs."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Retool offers custom components, while Tooljet's open-source nature allows for even greater customization. Consider the level of customization required for your internal tools when choosing between the two platforms."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both platforms prioritize security, with Retool providing self-hosted and on-premise options, while Tooljet offers SSO and Docker support. Evaluate your organization's specific security and compliance requirements when making a decision."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool's pricing may be a barrier for some users, while Tooljet's open-source model offers a more budget-friendly alternative. Consider your organization's budget and financial constraints when selecting the most suitable platform."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"choosing-the-right-low-code-platform-for-your-needs",children:"Choosing the Right Low-Code Platform for Your Needs"}),"\n",(0,n.jsx)(o.p,{children:"To choose between Retool and Tooljet, consider the following factors:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Requirements: Both platforms offer extensive integration options, so your choice may depend on specific needs or preferences. Evaluate which platform best supports the databases and APIs essential to your internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: If custom components are a priority, Retool may be the better choice. However, if you prefer an open-source platform with greater flexibility, Tooljet could be more suitable."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both Retool and Tooljet offer robust security features, so consider your specific compliance requirements when making a decision. Assess which platform best aligns with your organization's security policies and standards."}),"\n",(0,n.jsx)(o.li,{children:"Budget: If you're searching for a cost-effective solution, Tooljet's open-source model may be more appealing than Retool's pricing structure. Take into account the long-term costs associated with each platform, including potential updates and maintenance."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,n.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,n.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,n.jsx)(o.p,{children:"Any developer will love ILLA for two reasons-freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,n.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,n.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,n.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,n.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,n.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,n.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,n.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,n.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,n.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,n.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,n.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function u(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>a,a:()=>l});var n=t(959);const i={},s=n.createContext(i);function l(e){const o=n.useContext(s);return n.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(i):e.components||i:l(e.components),n.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/05aa103b.4318ba0a.js b/de/assets/js/05aa103b.4318ba0a.js
new file mode 100644
index 0000000000..ebb9cff959
--- /dev/null
+++ b/de/assets/js/05aa103b.4318ba0a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1829],{5337:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var s=i(1527),t=i(7214);const r={slug:"build-dashboard",title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["Daten-Dashboard"],date:"2024-01-01T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/i18n/de/docusaurus-plugin-content-blog/build-dashboard/build-dashboard.md",title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",date:"2024-01-01T10:00:00.000Z",formattedDate:"1. Januar 2024",tags:[{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"}],readingTime:3.07,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:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["Daten-Dashboard"],date:"2024-01-01T10:00"},unlisted:!1,prevItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},nextItem:{title:"Top 7 Redis GUI Tools in 2024",permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023"},relatedPosts:[{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",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:2.69,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Einige Probleme beim Aufbau",id:"einige-probleme-beim-aufbau",level:2},{value:"Wie man das l\xf6st",id:"wie-man-das-l\xf6st",level:2},{value:"KI-gesteuert",id:"ki-gesteuert",level:2},{value:"Vorteile",id:"vorteile",level:2},{value:"Fazit",id:"fazit",level:2}];function h(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen."}),"\n",(0,s.jsx)(n.p,{children:"Nachdem die Gesch\xe4ftskomplexit\xe4t ein hohes Niveau erreicht hat, m\xfcssen interne Teams verschiedene Daten anzeigen, um Entscheidungen f\xfcr zuk\xfcnftige Strategien zu treffen. Daher ben\xf6tigen wir ein flexibles Tool, um personalisierte Daten-Dashboards zu erstellen, um die vielf\xe4ltigen Anpassungsbed\xfcrfnisse der internen Teammitglieder, insbesondere des Chefs, zu erf\xfcllen und dem Team dabei zu helfen, schnell zu iterieren."}),"\n",(0,s.jsx)(n.p,{children:"Mit effizienten Tools k\xf6nnen Sie jeden Tag fr\xfch Feierabend machen."}),"\n",(0,s.jsx)(n.h2,{id:"einige-probleme-beim-aufbau",children:"Einige Probleme beim Aufbau"}),"\n",(0,s.jsx)(n.p,{children:"Das Gesch\xe4ft jedes Unternehmens ist auf verschiedene Systeme verteilt, und es gibt Verbindungen zwischen diesen Systemen. Einige Daten m\xfcssen mithilfe von Datenbanken abgefragt werden:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Postgresql"}),"\n",(0,s.jsx)(n.li,{children:"Mysql"}),"\n",(0,s.jsx)(n.li,{children:"MongoDB"}),"\n",(0,s.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Einige Daten stammen aus verschiedenen Arten von Mikroservices, die m\xf6glicherweise von einer bestimmten API abgerufen werden:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Benutzerdetails API"}),"\n",(0,s.jsx)(n.li,{children:"Produktdetails API"}),"\n",(0,s.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Das Schwierigste ist, dass einige Daten eine Zusammenf\xfchrung und sekund\xe4re Verarbeitung sowohl von Datenbank- als auch von API-Daten erfordern."}),"\n",(0,s.jsx)(n.p,{children:"Diese Probleme machen es sehr umst\xe4ndlich, ein personalisiertes Daten-Dashboard zu erstellen. Wenn Sie die Entwicklung von Grund auf beginnen, m\xfcssen Sie sich an verschiedene Datenquellen anpassen, was zu erheblichen Kostensteigerungen in der Entwicklung f\xfchrt."}),"\n",(0,s.jsx)(n.p,{children:'Daher ben\xf6tigen wir ein flexibles Tool zur Anzeige von Daten-Dashboards, da "Entwicklung" nicht am wichtigsten ist; "Anzeige" ist es.'}),"\n",(0,s.jsx)(n.p,{children:"Dieses Tool ben\xf6tigt einige objektive Vorteile:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\xdcppige Diagramme zur Anzeige von Daten aus verschiedenen Dimensionen."}),"\n",(0,s.jsx)(n.li,{children:"Unterst\xfctzung f\xfcr verschiedene g\xe4ngige Datenquellen."}),"\n",(0,s.jsx)(n.li,{children:"Einfache Installation und Verwendung."}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"wie-man-das-l\xf6st",children:"Wie man das l\xf6st"}),"\n",(0,s.jsx)(n.p,{children:"Hier empfehle ich ein benutzerfreundliches Open-Source-Projekt namens ILLA Cloud. ILLA Cloud ist ein Low-Code-Tool, das speziell f\xfcr Szenarien mit personalisierten Anforderungen entwickelt wurde."}),"\n",(0,s.jsxs)(n.p,{children:["\ud83d\udcd9 Offizielle Website: ",(0,s.jsx)(n.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec Github-Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,s.jsx)(n.p,{children:"Unten sehen Sie eine Demo mit gef\xe4lschten Daten, die die Verkaufssituation eines Produkts in einem Unternehmen darstellt, einschlie\xdflich:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Monatliche Umsatzwachstumstrends"}),"\n",(0,s.jsx)(n.li,{children:"Monatliche Einnahmen"}),"\n",(0,s.jsx)(n.li,{children:"Gesamteinnahmen"}),"\n",(0,s.jsx)(n.li,{children:"Anzahl der K\xe4ufer"}),"\n",(0,s.jsx)(n.li,{children:"Detaillierte Informationen zu jedem kaufenden Benutzer"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,s.jsx)(n.p,{children:"Diese Grafik verwendet mehrere Komponenten:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Datengitter"}),"\n",(0,s.jsx)(n.li,{children:"Diagramm"}),"\n",(0,s.jsx)(n.li,{children:"Statistik"}),"\n",(0,s.jsx)(n.li,{children:"Men\xfc"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Es wurde schnell per Drag & Drop erstellt. Die Daten stammen von:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Supabase: Ein serverloses Postgresql"}),"\n",(0,s.jsx)(n.li,{children:"API"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"ILLA unterst\xfctzt verschiedene Datenquellen und erm\xf6glicht so das schnelle Abrufen von Daten aus einer Vielzahl g\xe4ngiger Quellen."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,s.jsx)(n.h2,{id:"ki-gesteuert",children:"KI-gesteuert"}),"\n",(0,s.jsx)(n.p,{children:"ILLA bietet nicht nur ein Dashboard, sondern erm\xf6glicht es auch, abgefragte Daten mithilfe des LLM (Language Model) weiter zu verarbeiten. Zum Beispiel k\xf6nnen un\xfcbersichtliche Daten in das gew\xfcnschte Format umgewandelt werden, um Daten aus mehreren Quellen abzugleichen."}),"\n",(0,s.jsx)(n.h2,{id:"vorteile",children:"Vorteile"}),"\n",(0,s.jsx)(n.p,{children:"Das Erstellen eines sch\xf6nen Dashboards ist mit Drag & Drop innerhalb weniger Minuten schnell und einfach."}),"\n",(0,s.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA Cloud im Vergleich zu verschiedenen traditionellen BI-Tools:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Die Abfrage von Daten sowohl aus Datenbanken als auch aus APIs"}),"\n",(0,s.jsx)(n.li,{children:"Einfache Installation, direkt auf der Webseite ohne Downloads verwendbar"}),"\n",(0,s.jsx)(n.li,{children:"Verwendung von Javascript f\xfcr die sekund\xe4re Datenverarbeitung, direkt und einfach"}),"\n",(0,s.jsx)(n.li,{children:"Unterst\xfctzung verschiedener g\xe4ngiger Diagramme, die die meisten Anforderungen erf\xfcllen"}),"\n",(0,s.jsx)(n.li,{children:"Die Transformer-Funktion l\xf6st effektiv das Problem der Zusammenf\xfchrung und Verarbeitung von Daten aus mehreren Quellen und beseitigt Bedenken hinsichtlich des Datenformats"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Als Open-Source-Projekt unterst\xfctzt ILLA Cloud auch die Weiterentwicklung und verf\xfcgt \xfcber eine aktive Community zur Zusammenarbeit mit anderen Entwicklern. Keine Sorgen um Wartungsprobleme."}),"\n",(0,s.jsx)(n.p,{children:"Zus\xe4tzlich kann ILLA Cloud nicht nur Daten-Dashboards erstellen, sondern auch exklusive Management-Dashboards schnell erstellen, um Ihre Gesch\xe4ftsiteration zu beschleunigen."}),"\n",(0,s.jsx)(n.p,{children:"Als Low-Code-Tool unterst\xfctzt ILLA Cloud auch die Zusammenarbeit von mehreren Personen, die gemeinsam Dashboards erstellen k\xf6nnen."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,s.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,s.jsx)(n.p,{children:"Nach der Verwendung von ILLA Cloud m\xfcssen Sie sich keine Sorgen mehr um die personalisierten Anforderungen Ihres Chefs machen. Innerhalb weniger Minuten k\xf6nnen Sie ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef erstellen und zu einem \xe4u\xdferst effizienten Mitarbeiter werden. Warum probieren Sie es nicht gleich aus!"})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>l});var s=i(959);const t={},r=s.createContext(t);function l(e){const n=s.useContext(r);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(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/0ef6880a.5ac287e1.js b/de/assets/js/0ef6880a.5ac287e1.js
deleted file mode 100644
index db8e00e9bb..0000000000
--- a/de/assets/js/0ef6880a.5ac287e1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1043],{9232:a=>{a.exports=JSON.parse('{"label":"data dashboard","permalink":"/illa-website/de/blog/tags/data-dashboard","allTagsPath":"/illa-website/de/blog/tags","count":1}')}}]);
\ No newline at end of file
diff --git a/de/assets/js/11f28d89.f77590a5.js b/de/assets/js/11f28d89.c0f27639.js
similarity index 91%
rename from de/assets/js/11f28d89.f77590a5.js
rename to de/assets/js/11f28d89.c0f27639.js
index 21bfe62214..c9a03d5b98 100644
--- a/de/assets/js/11f28d89.f77590a5.js
+++ b/de/assets/js/11f28d89.c0f27639.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7228],{5922:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>n,metadata:()=>s,toc:()=>c});var a=t(1527),l=t(7214);const n={slug:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},i=void 0,s={permalink:"/illa-website/de/blog/popular-tool",source:"@site/blog/internal-tool/internal-tool.md",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. 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:2.4,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:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"The Best Tools for Building Crud Applications in 2024",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications"},nextItem:{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",permalink:"/illa-website/de/blog/launch-flow"},relatedPosts:[{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",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,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Open-source tools are common, but it's rare to see one with 10,000 stars. I'm sharing a product that has seen a crazy growth of 10,000 stars overseas. There are many low-code tools, but few are truly useful. This tool is primarily used by developers in North America, and their Discord community is very active."}),"\n",(0,a.jsx)(o.p,{children:"The community indeed has some good reviews."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/good.png",alt:"good"})}),"\n",(0,a.jsx)(o.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(o.p,{children:["Github: ",(0,a.jsx)(o.a,{href:"https://illacloud.com/illacloud/illa-builder",children:"https://illacloud.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(o.p,{children:["Official Website: ",(0,a.jsx)(o.a,{href:"https://illa.cloud",children:"https://illa.cloud"})]}),"\n",(0,a.jsx)(o.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(o.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(o.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(o.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(o.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(o.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(o.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(o.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/solution.png",alt:"solution"})}),"\n",(0,a.jsx)(o.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(o.p,{children:"For instance:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(o.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(o.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(o.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(o.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/flow.jpeg",alt:"flow"})}),"\n",(0,a.jsx)(o.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(o.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(o.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:'There are many low-code tools, but few can be practically used and implemented. ILLA seems to have been maintained for two years now, and their company is currently fully committed to this one thing. Unlike some low-code tools produced for certain purposes, they are directly addressing the needs of developers. Everyone can try it out!"'})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>s,a:()=>i});var a=t(959);const l={},n=a.createContext(l);function i(e){const o=a.useContext(n);return a.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function s(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:i(e.components),a.createElement(n.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7228],{5922:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>n,metadata:()=>s,toc:()=>c});var a=t(1527),l=t(7214);const n={slug:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},i=void 0,s={permalink:"/illa-website/de/blog/popular-tool",source:"@site/blog/internal-tool/internal-tool.md",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. 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:2.4,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:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"The Best Tools for Building Crud Applications in 2024",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications"},nextItem:{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",permalink:"/illa-website/de/blog/launch-flow"},relatedPosts:[{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",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,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Open-source tools are common, but it's rare to see one with 10,000 stars. I'm sharing a product that has seen a crazy growth of 10,000 stars overseas. There are many low-code tools, but few are truly useful. This tool is primarily used by developers in North America, and their Discord community is very active."}),"\n",(0,a.jsx)(o.p,{children:"The community indeed has some good reviews."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/good.png",alt:"good"})}),"\n",(0,a.jsx)(o.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(o.p,{children:["Github: ",(0,a.jsx)(o.a,{href:"https://illacloud.com/illacloud/illa-builder",children:"https://illacloud.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(o.p,{children:["Official Website: ",(0,a.jsx)(o.a,{href:"https://illa.cloud",children:"https://illa.cloud"})]}),"\n",(0,a.jsx)(o.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(o.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(o.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(o.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(o.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(o.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(o.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(o.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/solution.png",alt:"solution"})}),"\n",(0,a.jsx)(o.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(o.p,{children:"For instance:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(o.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(o.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(o.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(o.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/flow.jpeg",alt:"flow"})}),"\n",(0,a.jsx)(o.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(o.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(o.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:'There are many low-code tools, but few can be practically used and implemented. ILLA seems to have been maintained for two years now, and their company is currently fully committed to this one thing. Unlike some low-code tools produced for certain purposes, they are directly addressing the needs of developers. Everyone can try it out!"'})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>s,a:()=>i});var a=t(959);const l={},n=a.createContext(l);function i(e){const o=a.useContext(n);return a.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function s(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:i(e.components),a.createElement(n.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1842627e.4b224680.js b/de/assets/js/1842627e.4b224680.js
new file mode 100644
index 0000000000..4575da45c9
--- /dev/null
+++ b/de/assets/js/1842627e.4b224680.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),o=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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},a=void 0,l={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.",date:"2024-01-03T10:00:00.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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",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: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",description:"Das Jahr 2024 ist angebrochen und das \xd6kosystem der React-Komponentenbibliotheken bleibt bl\xfchend. Dieser Artikel wird zwei derzeit beliebte Komponentenbibliotheken aus verschiedenen Perspektiven untersuchen und eine objektive Analyse bieten, um Benutzern bei der Entscheidungsfindung zu helfen.",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:3.945,date:"2024-01-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"},{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.000Z"}],authorPosts:[]},r={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 n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.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)(n.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.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)(n.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)(n.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Design"}),"\n",(0,i.jsx)(n.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(n.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.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)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(n.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(n.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(n.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(n.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Colors"}),"\n",(0,i.jsx)(n.li,{children:"Border radii"}),"\n",(0,i.jsx)(n.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(n.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(n.p,{children:"These include:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(n.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(n.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(n.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:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,n,t)=>{t.d(n,{Z:()=>l,a:()=>a});var i=t(959);const o={},s=i.createContext(o);function a(e){const n=i.useContext(s);return i.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(o):e.components||o:a(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1842627e.7a1dc4d0.js b/de/assets/js/1842627e.7a1dc4d0.js
deleted file mode 100644
index 96c1c54ab6..0000000000
--- a/de/assets/js/1842627e.7a1dc4d0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(1527),o=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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},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.",date:"2024-01-03T10:00:00.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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",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.",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-03T10:00:00.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."',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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.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 n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.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)(n.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.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)(n.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)(n.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Design"}),"\n",(0,i.jsx)(n.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(n.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.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)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(n.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(n.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(n.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(n.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Colors"}),"\n",(0,i.jsx)(n.li,{children:"Border radii"}),"\n",(0,i.jsx)(n.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(n.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(n.p,{children:"These include:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(n.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(n.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(n.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:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>a});var i=t(959);const o={},s=i.createContext(o);function a(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/18bff930.ab8fc4d6.js b/de/assets/js/18bff930.ab8fc4d6.js
deleted file mode 100644
index 56017327d6..0000000000
--- a/de/assets/js/18bff930.ab8fc4d6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5689],{8742:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var t=i(1527),l=i(7214);const r={slug:"backend-create-web-ui",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},s=void 0,a={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"interne Tools",permalink:"/illa-website/de/blog/tags/interne-tools"},{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"},{label:"Admin-Panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:2.69,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:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},unlisted:!1,prevItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},nextItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Was ist ILLA Cloud",id:"was-ist-illa-cloud",level:2},{value:"Warum ich ILLA Cloud empfehle",id:"warum-ich-illa-cloud-empfehle",level:2},{value:"Abschlie\xdfend",id:"abschlie\xdfend",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Hallo, ich bin Owen. Als Backend-Ingenieur bin ich nicht besonders talentiert darin, Web-Benutzeroberfl\xe4chen zu erstellen, aber ich muss oft verschiedene Datenpanels und Admin-Backends entwickeln, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies reicht von der Darstellung komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und sogar zur Erstellung spezieller Admin-Backends f\xfcr Weihnachtsveranstaltungen. Ich kann diese Aufgaben alleine nicht bew\xe4ltigen und muss mit einem Frontend-Ingenieur zusammenarbeiten, um kontinuierliche Iterationen durchzuf\xfchren. Dies hat meine Arbeitsweise erheblich beeinflusst."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, verschiedene Tools f\xfcr den internen Teamgebrauch sowie einfache Tools f\xfcr den pers\xf6nlichen Gebrauch und einige zeitkritische Tools unabh\xe4ngig entwickeln zu k\xf6nnen. Meine gr\xf6\xdften Anforderungen sind, dass diese Tools \xe4sthetisch ansprechend, benutzerfreundlich und schnell zu erstellen sind. Daher engagiere ich mich nun voll und ganz f\xfcr ein Projekt, das Backend-Ingenieuren dabei hilft, ma\xdfgeschneiderte Tools schnell zu erstellen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-illa-cloud",children:"Was ist ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist ein Low-Code-Tool, das f\xfcr Entwickler entwickelt wurde und es erm\xf6glicht, Admin-Panels und Dashboards schnell \xfcber eine Drag-and-Drop-Benutzeroberfl\xe4che zu entwickeln. ILLA Cloud integriert sich nahtlos mit einer breiten Palette von g\xe4ngigen Datenbanken und Datenquellen, einschlie\xdflich REST-APIs und GraphQL."}),"\n",(0,t.jsxs)(n.p,{children:["Offizielle Website: ",(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA k\xf6nnen Sie schnell verschiedene Tools erstellen, wie zum Beispiel:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- und App-Admin-Panels"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboards"}),"\n",(0,t.jsx)(n.li,{children:"Ma\xdfgeschneiderte B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Diese k\xf6nnen mit nur wenig JavaScript f\xfcr logische Verbindungen einfach per Drag & Drop erstellt werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"Dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA verf\xfcgt auch \xfcber eine umfassende Sammlung von Connector-Tools, die in der Lage sind, KI, Datenbanken und verschiedene SaaS-Plattformen zu integrieren. Dies erm\xf6glicht es Ihren Kunden, die von Ihnen erstellten Produkte schnell mit den von ihnen verwendeten Produkten zu verkn\xfcpfen. Es unterst\xfctzt geplante Aufgaben, Webhooks und erm\xf6glicht auch die Parameter\xfcbergabe."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.h2,{id:"warum-ich-illa-cloud-empfehle",children:"Warum ich ILLA Cloud empfehle"}),"\n",(0,t.jsx)(n.p,{children:"Nach kontinuierlichen Iterationen durch unser Team unterst\xfctzt ILLA nun eine gro\xdfe Anzahl von g\xe4ngigen Datenquellen und APIs. Backend-Entwickler k\xf6nnen mit ILLA mithilfe von Drag & Drop-Methoden schnell ma\xdfgeschneiderte Tools erstellen, was die Geschwindigkeit bei der Erstellung einer gro\xdfen Anzahl von internen Tools in der t\xe4glichen Arbeit grundlegend verbessert."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/resource.png",alt:"Ressource"})}),"\n",(0,t.jsx)(n.p,{children:"Niemand muss mehr ein Mikroservice f\xfcr einen bestimmten Datenbanktyp erstellen, bei dem der Mikroservice nur dazu dient, eine SQL-Abfrage auszuf\xfchren. ILLA unterst\xfctzt direkte SQL-Datenbankabfragen, was sehr benutzerfreundlich f\xfcr Backend-Entwickler ist."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/sql.png",alt:"SQL"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA bietet auch eine integrierte Connector-Funktionalit\xe4t, die es Tools erm\xf6glicht, Nachrichten einfach an Slack zu senden, E-Mails zu versenden oder sogar mit anderen Systemen zu kommunizieren. Diese k\xf6nnen mithilfe von Webhooks und geplanten Aufgaben aufgerufen werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies verbessert grundlegend die Entwicklungseffizienz einer gro\xdfen Anzahl von Automatisierungsaufgaben am Arbeitsplatz."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA jetzt die Integration von KI-Modellen, was die einfache Verwendung von Huggingface-KI-Modellen erm\xf6glicht. Dies ist besonders interessant f\xfcr den Aufbau von KI-gesteuerten Tools. ILLA enth\xe4lt auch eine KI-Agenten-Funktion, die bequem f\xfcr Textanalyse, Sprachanalyse, Bildanalyse und mehr verwendet werden kann."}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA erstellte Tools k\xf6nnen schnell mit LLMs (Large Language Models) verbunden werden, sodass die von Ihnen erstellten Tools intelligenter werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/agent.png",alt:"Agent"})}),"\n",(0,t.jsx)(n.h2,{id:"abschlie\xdfend",children:"Abschlie\xdfend"}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass ILLA Cloud Ihnen dabei helfen kann, verschiedene Tools schnell zu erstellen, damit Sie sich auf die Entwicklung von Gesch\xe4ftslogik konzentrieren k\xf6nnen. ILLA Cloud befindet sich derzeit in der Beta-Phase, und wir sammeln aktiv Feedback von Benutzern. Wenn Sie Fragen oder Anregungen haben, z\xf6gern Sie bitte nicht, mich zu kontaktieren."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass jeder Ingenieur effizient arbeiten kann, ohne sich mit bestimmten Frontend-Aufgaben herumschlagen zu m\xfcssen."})]})}function u(e={}){const{wrapper:n}={...(0,l.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>s});var t=i(959);const l={},r=t.createContext(l);function s(e){const n=t.useContext(r);return t.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(l):e.components||l:s(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/18bff930.fa82c515.js b/de/assets/js/18bff930.fa82c515.js
new file mode 100644
index 0000000000..2ce61a988c
--- /dev/null
+++ b/de/assets/js/18bff930.fa82c515.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5689],{8742:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var t=i(1527),l=i(7214);const r={slug:"backend-create-web-ui",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},s=void 0,a={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"interne Tools",permalink:"/illa-website/de/blog/tags/interne-tools"},{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"},{label:"Admin-Panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:2.69,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:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},unlisted:!1,prevItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},nextItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"1. 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.07,date:"2024-01-01T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Was ist ILLA Cloud",id:"was-ist-illa-cloud",level:2},{value:"Warum ich ILLA Cloud empfehle",id:"warum-ich-illa-cloud-empfehle",level:2},{value:"Abschlie\xdfend",id:"abschlie\xdfend",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Hallo, ich bin Owen. Als Backend-Ingenieur bin ich nicht besonders talentiert darin, Web-Benutzeroberfl\xe4chen zu erstellen, aber ich muss oft verschiedene Datenpanels und Admin-Backends entwickeln, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies reicht von der Darstellung komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und sogar zur Erstellung spezieller Admin-Backends f\xfcr Weihnachtsveranstaltungen. Ich kann diese Aufgaben alleine nicht bew\xe4ltigen und muss mit einem Frontend-Ingenieur zusammenarbeiten, um kontinuierliche Iterationen durchzuf\xfchren. Dies hat meine Arbeitsweise erheblich beeinflusst."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, verschiedene Tools f\xfcr den internen Teamgebrauch sowie einfache Tools f\xfcr den pers\xf6nlichen Gebrauch und einige zeitkritische Tools unabh\xe4ngig entwickeln zu k\xf6nnen. Meine gr\xf6\xdften Anforderungen sind, dass diese Tools \xe4sthetisch ansprechend, benutzerfreundlich und schnell zu erstellen sind. Daher engagiere ich mich nun voll und ganz f\xfcr ein Projekt, das Backend-Ingenieuren dabei hilft, ma\xdfgeschneiderte Tools schnell zu erstellen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-illa-cloud",children:"Was ist ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist ein Low-Code-Tool, das f\xfcr Entwickler entwickelt wurde und es erm\xf6glicht, Admin-Panels und Dashboards schnell \xfcber eine Drag-and-Drop-Benutzeroberfl\xe4che zu entwickeln. ILLA Cloud integriert sich nahtlos mit einer breiten Palette von g\xe4ngigen Datenbanken und Datenquellen, einschlie\xdflich REST-APIs und GraphQL."}),"\n",(0,t.jsxs)(n.p,{children:["Offizielle Website: ",(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA k\xf6nnen Sie schnell verschiedene Tools erstellen, wie zum Beispiel:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- und App-Admin-Panels"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboards"}),"\n",(0,t.jsx)(n.li,{children:"Ma\xdfgeschneiderte B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Diese k\xf6nnen mit nur wenig JavaScript f\xfcr logische Verbindungen einfach per Drag & Drop erstellt werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"Dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA verf\xfcgt auch \xfcber eine umfassende Sammlung von Connector-Tools, die in der Lage sind, KI, Datenbanken und verschiedene SaaS-Plattformen zu integrieren. Dies erm\xf6glicht es Ihren Kunden, die von Ihnen erstellten Produkte schnell mit den von ihnen verwendeten Produkten zu verkn\xfcpfen. Es unterst\xfctzt geplante Aufgaben, Webhooks und erm\xf6glicht auch die Parameter\xfcbergabe."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.h2,{id:"warum-ich-illa-cloud-empfehle",children:"Warum ich ILLA Cloud empfehle"}),"\n",(0,t.jsx)(n.p,{children:"Nach kontinuierlichen Iterationen durch unser Team unterst\xfctzt ILLA nun eine gro\xdfe Anzahl von g\xe4ngigen Datenquellen und APIs. Backend-Entwickler k\xf6nnen mit ILLA mithilfe von Drag & Drop-Methoden schnell ma\xdfgeschneiderte Tools erstellen, was die Geschwindigkeit bei der Erstellung einer gro\xdfen Anzahl von internen Tools in der t\xe4glichen Arbeit grundlegend verbessert."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/resource.png",alt:"Ressource"})}),"\n",(0,t.jsx)(n.p,{children:"Niemand muss mehr ein Mikroservice f\xfcr einen bestimmten Datenbanktyp erstellen, bei dem der Mikroservice nur dazu dient, eine SQL-Abfrage auszuf\xfchren. ILLA unterst\xfctzt direkte SQL-Datenbankabfragen, was sehr benutzerfreundlich f\xfcr Backend-Entwickler ist."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/sql.png",alt:"SQL"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA bietet auch eine integrierte Connector-Funktionalit\xe4t, die es Tools erm\xf6glicht, Nachrichten einfach an Slack zu senden, E-Mails zu versenden oder sogar mit anderen Systemen zu kommunizieren. Diese k\xf6nnen mithilfe von Webhooks und geplanten Aufgaben aufgerufen werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies verbessert grundlegend die Entwicklungseffizienz einer gro\xdfen Anzahl von Automatisierungsaufgaben am Arbeitsplatz."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA jetzt die Integration von KI-Modellen, was die einfache Verwendung von Huggingface-KI-Modellen erm\xf6glicht. Dies ist besonders interessant f\xfcr den Aufbau von KI-gesteuerten Tools. ILLA enth\xe4lt auch eine KI-Agenten-Funktion, die bequem f\xfcr Textanalyse, Sprachanalyse, Bildanalyse und mehr verwendet werden kann."}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA erstellte Tools k\xf6nnen schnell mit LLMs (Large Language Models) verbunden werden, sodass die von Ihnen erstellten Tools intelligenter werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/agent.png",alt:"Agent"})}),"\n",(0,t.jsx)(n.h2,{id:"abschlie\xdfend",children:"Abschlie\xdfend"}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass ILLA Cloud Ihnen dabei helfen kann, verschiedene Tools schnell zu erstellen, damit Sie sich auf die Entwicklung von Gesch\xe4ftslogik konzentrieren k\xf6nnen. ILLA Cloud befindet sich derzeit in der Beta-Phase, und wir sammeln aktiv Feedback von Benutzern. Wenn Sie Fragen oder Anregungen haben, z\xf6gern Sie bitte nicht, mich zu kontaktieren."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass jeder Ingenieur effizient arbeiten kann, ohne sich mit bestimmten Frontend-Aufgaben herumschlagen zu m\xfcssen."})]})}function u(e={}){const{wrapper:n}={...(0,l.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>s});var t=i(959);const l={},r=t.createContext(l);function s(e){const n=t.useContext(r);return t.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(l):e.components||l:s(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1b46aaf4.192b404b.js b/de/assets/js/1b46aaf4.192b404b.js
deleted file mode 100644
index e4d02985db..0000000000
--- a/de/assets/js/1b46aaf4.192b404b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7663],{7856:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(1527),s=i(7214);const o={slug:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},a=void 0,r={permalink:"/illa-website/de/blog/it-support",source:"@site/blog/it-support/it-support.md",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",date:"2024-01-23T20:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:8.025,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:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},unlisted:!1,prevItem:{title:"Die n\xfctzlichsten Typscript-Hauptmerkmale",permalink:"/illa-website/de/blog/typescript-most-practical-features-compilation"},nextItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},relatedPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},c=[{value:"Job Content of IT Support",id:"job-content-of-it-support",level:2},{value:"Recommended Tools",id:"recommended-tools",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Linear",id:"linear",level:2},{value:"Advantages",id:"advantages",level:3},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Gitlab",id:"gitlab",level:2},{value:"Advantages",id:"advantages-1",level:3},{value:"Disadvantages",id:"disadvantages-1",level:3},{value:"Notion",id:"notion",level:2},{value:"Advantages",id:"advantages-2",level:3},{value:"Disadvantages",id:"disadvantages-2",level:3},{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,s.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"IT Support is divided into Technical Support and Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support requires technicians with a broad knowledge structure. Companies of a certain size all have an IT department, commonly referred to as network management, but not all companies have Program Support."}),"\n",(0,t.jsx)(n.h2,{id:"job-content-of-it-support",children:"Job Content of IT Support"}),"\n",(0,t.jsx)(n.p,{children:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database, machinery hardware equipment, etc. If the company needs any special software or to update a new system, it is usually done by forming a team with programmers from a technology company and the company's own Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support is more like a consultant, guiding the more macroscopic direction, so they generally know a lot."}),"\n",(0,t.jsx)(n.p,{children:"Program Support specializes more in coding."}),"\n",(0,t.jsx)(n.h2,{id:"recommended-tools",children:"Recommended Tools"}),"\n",(0,t.jsx)(n.p,{children:"In the course of IT Support work, we definitely need many tools to help us better complete our tasks, as every IT has many common needs. For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Handling work orders"}),"\n",(0,t.jsx)(n.li,{children:"Project management"}),"\n",(0,t.jsx)(n.li,{children:"Code management"}),"\n",(0,t.jsx)(n.li,{children:"Document management"}),"\n",(0,t.jsx)(n.li,{children:"Notifications"}),"\n",(0,t.jsx)(n.li,{children:"Meetings"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Here are some recommended tools to help everyone better complete their work."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"If you're considering building a business-logic oriented tool and only require a beautiful UI without pursuing complex animations and flashy pages, ILLA Cloud is recommended for development and construction."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n",(0,t.jsx)(n.li,{children:"CRM"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/best-citizen-developer-tool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud lets you quickly build tools through drag-and-drop without needing to write code, boosting your work efficiency by 10 times. It also natively supports team collaboration, allowing you and your colleagues to edit and build together."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also features connector capabilities, enabling quick connections to other SaaS tools you use. It supports scheduled tasks, Webhooks, parameter passing, and more."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also includes an AI Agent feature, helping you quickly build AI-driven tools, such as text analysis, voice analysis, image analysis, and more."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/agent.png",alt:"agent"})}),"\n",(0,t.jsx)(n.h2,{id:"linear",children:"Linear"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/linear.png",alt:"linear"})}),"\n",(0,t.jsx)(n.p,{children:"Linear is a project management tool that helps streamline software projects, sprints, tasks, and bug tracking. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Project Management"}),": Linear's focus on streamlining software projects suggests a user-friendly interface that simplifies complex project management tasks, making it easier for teams to follow through on project goals and deadlines."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Efficient Sprint and Task Management"}),": With features tailored for managing sprints and tasks, Linear likely offers effective tools for Agile methodologies, facilitating better planning, tracking, and execution of software development cycles."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Effective Bug Tracking"}),": The emphasis on bug tracking indicates that Linear provides robust tools for identifying, documenting, and resolving software bugs, which is crucial for maintaining software quality and reliability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Speed and Simplicity"}),": Being described as simple and fast, Linear might offer quick setup and ease of use, which can be particularly beneficial for teams looking to implement a tool without a steep learning curve."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Suitability for High-Performance Teams"}),": Built for high-performance teams, Linear is likely optimized for efficiency and scalability, supporting teams in managing complex projects without performance degradation."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential Over-Simplification"}),": While simplicity is an advantage, it might also mean that Linear lacks certain advanced features required by very large or complex projects, possibly limiting its utility for some specialized applications."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Focus on Software Projects"}),": Linear\u2019s specific focus on software projects suggests it may not be as well-suited for other types of project management, limiting its versatility for non-software teams."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve for New Users"}),": Despite its simplicity, new users, especially those not familiar with Agile methodologies, might still face a learning curve in understanding how to best utilize the tool for their specific needs."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Customization"}),": Fast and simple tools sometimes offer limited customization options, which might not meet the needs of teams that require highly tailored project management solutions."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dependence on Team Discipline"}),": The effectiveness of any project management tool, including Linear, often depends on the team's discipline in using it consistently and correctly, which can be a challenge in some organizational cultures."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"gitlab",children:"Gitlab"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/gitlab.png",alt:"gitlab"})}),"\n",(0,t.jsx)(n.p,{children:"GitLab is a complete DevOps platform, delivered as a single application. It enables Concurrent DevOps to make the software lifecycle 200% faster, radically improving the speed of business."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-1",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integrated DevOps Workflow"}),": As a single application offering a complete DevOps solution, GitLab provides an integrated environment for all stages of software development, from planning to monitoring, which can greatly simplify the workflow."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Increased Efficiency"}),": GitLab's emphasis on Concurrent DevOps suggests it supports simultaneous actions in the development cycle, which can lead to a 200% faster software lifecycle, thereby accelerating the pace of business."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"All-in-One Platform"}),": The platform's all-in-one nature means that teams can avoid the hassle of integrating multiple separate tools, which can reduce complexity and potential compatibility issues."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Collaboration"}),": GitLab likely facilitates better collaboration among team members by providing a unified platform for code repository, issue tracking, CI/CD, and more, which can enhance teamwork and productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visibility and Transparency"}),": Having all aspects of the DevOps cycle in one place can provide better visibility and transparency across the development process, enabling more informed decision-making."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-1",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve"}),": The comprehensive nature of GitLab may present a steep learning curve, especially for teams not accustomed to such an all-encompassing platform or those transitioning from simpler tools."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Resource Intensiveness"}),": Given its wide range of functionalities, GitLab could be resource-intensive, requiring significant server resources, which might be a challenge for smaller organizations or teams with limited IT infrastructure."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Overwhelming for Small Projects"}),": For smaller projects or teams, the extensive features of GitLab might be more than what is necessary, potentially leading to underutilization of the platform."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential for Vendor Lock-in"}),": Relying on a single platform for all DevOps needs may lead to vendor lock-in, where teams become dependent on GitLab and might face challenges if they decide to switch to another tool in the future."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Considerations"}),": While GitLab offers a variety of plans, including a free tier, the more advanced features, essential for larger teams and complex projects, are often part of their paid plans, which could be a significant expense for some organizations."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"notion",children:"Notion"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/notion.png",alt:"notion"})}),"\n",(0,t.jsx)(n.p,{children:"Notion is an all-in-one workspace for your notes, tasks, wikis, and databases. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-2",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Versatility"}),": As an all-in-one workspace, Notion offers a versatile platform where you can manage a variety of content types like notes, tasks, wikis, and databases. This versatility can streamline different aspects of work within a single application."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Ease of Use"}),": Described as simple and fast, Notion likely has a user-friendly interface, allowing for quick adoption and ease of use. This can reduce the learning curve and increase productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Customizability"}),": Notion's platform generally allows for a high degree of customization, enabling users to tailor it to their specific workflow needs, whether for individual use or team collaboration."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Collaboration Features"}),": Being built for high-performance teams, Notion is expected to have robust collaboration features, facilitating effective teamwork, information sharing, and project management."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integration Capabilities"}),": Notion often integrates well with other tools, which is beneficial for teams that use a variety of applications and services for their work."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-2",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potentially Overwhelming for New Users"}),": The vast array of features and customization options in Notion can be overwhelming for new users, particularly those who are looking for a more straightforward, plug-and-play type solution."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Offline Capabilities"}),": Notion's functionality can be limited when offline, which could be a drawback for users who need to access their workspace in areas with poor or no internet connectivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Performance Issues with Large Databases"}),": As databases grow in size, some users have reported performance issues with Notion, such as slower loading times and lag, which can hinder efficiency."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Export Options"}),": While Notion is great for accumulating and organizing information, exporting this data out of Notion can sometimes be a challenge, potentially causing issues with data portability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Factor for Premium Features"}),": While Notion offers a free tier, more advanced features and larger usage limits are gated behind their paid plans, which could be a consideration for budget-conscious individuals or small teams."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/connector.png",alt:"connector"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow is a low-code workflow tool that helps you automate your business processes. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,t.jsx)(n.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,t.jsx)(n.li,{children:"Book a meeting room every day"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,t.jsx)(n.li,{children:"Build a CI/CD report system"}),"\n",(0,t.jsx)(n.li,{children:"Send email when some warning occurs"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(n.p,{children:"For IT Support, simple and easy-to-use tools are key to enhancing work efficiency. Choosing the right tools for your needs is crucial. Hopefully, everyone can find useful tools and become an outstanding IT Support."})]})}function h(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>r,a:()=>a});var t=i(959);const s={},o=t.createContext(s);function a(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1b46aaf4.a849d5c7.js b/de/assets/js/1b46aaf4.a849d5c7.js
new file mode 100644
index 0000000000..69f26c0307
--- /dev/null
+++ b/de/assets/js/1b46aaf4.a849d5c7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7663],{7856:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(1527),s=i(7214);const o={slug:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},a=void 0,r={permalink:"/illa-website/de/blog/it-support",source:"@site/blog/it-support/it-support.md",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",date:"2024-01-23T20:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:8.025,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:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},unlisted:!1,prevItem:{title:"Die n\xfctzlichsten Typscript-Hauptmerkmale",permalink:"/illa-website/de/blog/typescript-most-practical-features-compilation"},nextItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},relatedPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},c=[{value:"Job Content of IT Support",id:"job-content-of-it-support",level:2},{value:"Recommended Tools",id:"recommended-tools",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Linear",id:"linear",level:2},{value:"Advantages",id:"advantages",level:3},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Gitlab",id:"gitlab",level:2},{value:"Advantages",id:"advantages-1",level:3},{value:"Disadvantages",id:"disadvantages-1",level:3},{value:"Notion",id:"notion",level:2},{value:"Advantages",id:"advantages-2",level:3},{value:"Disadvantages",id:"disadvantages-2",level:3},{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,s.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"IT Support is divided into Technical Support and Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support requires technicians with a broad knowledge structure. Companies of a certain size all have an IT department, commonly referred to as network management, but not all companies have Program Support."}),"\n",(0,t.jsx)(n.h2,{id:"job-content-of-it-support",children:"Job Content of IT Support"}),"\n",(0,t.jsx)(n.p,{children:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database, machinery hardware equipment, etc. If the company needs any special software or to update a new system, it is usually done by forming a team with programmers from a technology company and the company's own Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support is more like a consultant, guiding the more macroscopic direction, so they generally know a lot."}),"\n",(0,t.jsx)(n.p,{children:"Program Support specializes more in coding."}),"\n",(0,t.jsx)(n.h2,{id:"recommended-tools",children:"Recommended Tools"}),"\n",(0,t.jsx)(n.p,{children:"In the course of IT Support work, we definitely need many tools to help us better complete our tasks, as every IT has many common needs. For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Handling work orders"}),"\n",(0,t.jsx)(n.li,{children:"Project management"}),"\n",(0,t.jsx)(n.li,{children:"Code management"}),"\n",(0,t.jsx)(n.li,{children:"Document management"}),"\n",(0,t.jsx)(n.li,{children:"Notifications"}),"\n",(0,t.jsx)(n.li,{children:"Meetings"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Here are some recommended tools to help everyone better complete their work."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"If you're considering building a business-logic oriented tool and only require a beautiful UI without pursuing complex animations and flashy pages, ILLA Cloud is recommended for development and construction."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n",(0,t.jsx)(n.li,{children:"CRM"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/best-citizen-developer-tool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud lets you quickly build tools through drag-and-drop without needing to write code, boosting your work efficiency by 10 times. It also natively supports team collaboration, allowing you and your colleagues to edit and build together."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also features connector capabilities, enabling quick connections to other SaaS tools you use. It supports scheduled tasks, Webhooks, parameter passing, and more."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also includes an AI Agent feature, helping you quickly build AI-driven tools, such as text analysis, voice analysis, image analysis, and more."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/agent.png",alt:"agent"})}),"\n",(0,t.jsx)(n.h2,{id:"linear",children:"Linear"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/linear.png",alt:"linear"})}),"\n",(0,t.jsx)(n.p,{children:"Linear is a project management tool that helps streamline software projects, sprints, tasks, and bug tracking. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Project Management"}),": Linear's focus on streamlining software projects suggests a user-friendly interface that simplifies complex project management tasks, making it easier for teams to follow through on project goals and deadlines."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Efficient Sprint and Task Management"}),": With features tailored for managing sprints and tasks, Linear likely offers effective tools for Agile methodologies, facilitating better planning, tracking, and execution of software development cycles."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Effective Bug Tracking"}),": The emphasis on bug tracking indicates that Linear provides robust tools for identifying, documenting, and resolving software bugs, which is crucial for maintaining software quality and reliability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Speed and Simplicity"}),": Being described as simple and fast, Linear might offer quick setup and ease of use, which can be particularly beneficial for teams looking to implement a tool without a steep learning curve."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Suitability for High-Performance Teams"}),": Built for high-performance teams, Linear is likely optimized for efficiency and scalability, supporting teams in managing complex projects without performance degradation."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential Over-Simplification"}),": While simplicity is an advantage, it might also mean that Linear lacks certain advanced features required by very large or complex projects, possibly limiting its utility for some specialized applications."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Focus on Software Projects"}),": Linear\u2019s specific focus on software projects suggests it may not be as well-suited for other types of project management, limiting its versatility for non-software teams."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve for New Users"}),": Despite its simplicity, new users, especially those not familiar with Agile methodologies, might still face a learning curve in understanding how to best utilize the tool for their specific needs."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Customization"}),": Fast and simple tools sometimes offer limited customization options, which might not meet the needs of teams that require highly tailored project management solutions."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dependence on Team Discipline"}),": The effectiveness of any project management tool, including Linear, often depends on the team's discipline in using it consistently and correctly, which can be a challenge in some organizational cultures."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"gitlab",children:"Gitlab"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/gitlab.png",alt:"gitlab"})}),"\n",(0,t.jsx)(n.p,{children:"GitLab is a complete DevOps platform, delivered as a single application. It enables Concurrent DevOps to make the software lifecycle 200% faster, radically improving the speed of business."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-1",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integrated DevOps Workflow"}),": As a single application offering a complete DevOps solution, GitLab provides an integrated environment for all stages of software development, from planning to monitoring, which can greatly simplify the workflow."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Increased Efficiency"}),": GitLab's emphasis on Concurrent DevOps suggests it supports simultaneous actions in the development cycle, which can lead to a 200% faster software lifecycle, thereby accelerating the pace of business."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"All-in-One Platform"}),": The platform's all-in-one nature means that teams can avoid the hassle of integrating multiple separate tools, which can reduce complexity and potential compatibility issues."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Collaboration"}),": GitLab likely facilitates better collaboration among team members by providing a unified platform for code repository, issue tracking, CI/CD, and more, which can enhance teamwork and productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visibility and Transparency"}),": Having all aspects of the DevOps cycle in one place can provide better visibility and transparency across the development process, enabling more informed decision-making."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-1",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve"}),": The comprehensive nature of GitLab may present a steep learning curve, especially for teams not accustomed to such an all-encompassing platform or those transitioning from simpler tools."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Resource Intensiveness"}),": Given its wide range of functionalities, GitLab could be resource-intensive, requiring significant server resources, which might be a challenge for smaller organizations or teams with limited IT infrastructure."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Overwhelming for Small Projects"}),": For smaller projects or teams, the extensive features of GitLab might be more than what is necessary, potentially leading to underutilization of the platform."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential for Vendor Lock-in"}),": Relying on a single platform for all DevOps needs may lead to vendor lock-in, where teams become dependent on GitLab and might face challenges if they decide to switch to another tool in the future."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Considerations"}),": While GitLab offers a variety of plans, including a free tier, the more advanced features, essential for larger teams and complex projects, are often part of their paid plans, which could be a significant expense for some organizations."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"notion",children:"Notion"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/notion.png",alt:"notion"})}),"\n",(0,t.jsx)(n.p,{children:"Notion is an all-in-one workspace for your notes, tasks, wikis, and databases. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-2",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Versatility"}),": As an all-in-one workspace, Notion offers a versatile platform where you can manage a variety of content types like notes, tasks, wikis, and databases. This versatility can streamline different aspects of work within a single application."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Ease of Use"}),": Described as simple and fast, Notion likely has a user-friendly interface, allowing for quick adoption and ease of use. This can reduce the learning curve and increase productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Customizability"}),": Notion's platform generally allows for a high degree of customization, enabling users to tailor it to their specific workflow needs, whether for individual use or team collaboration."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Collaboration Features"}),": Being built for high-performance teams, Notion is expected to have robust collaboration features, facilitating effective teamwork, information sharing, and project management."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integration Capabilities"}),": Notion often integrates well with other tools, which is beneficial for teams that use a variety of applications and services for their work."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-2",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potentially Overwhelming for New Users"}),": The vast array of features and customization options in Notion can be overwhelming for new users, particularly those who are looking for a more straightforward, plug-and-play type solution."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Offline Capabilities"}),": Notion's functionality can be limited when offline, which could be a drawback for users who need to access their workspace in areas with poor or no internet connectivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Performance Issues with Large Databases"}),": As databases grow in size, some users have reported performance issues with Notion, such as slower loading times and lag, which can hinder efficiency."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Export Options"}),": While Notion is great for accumulating and organizing information, exporting this data out of Notion can sometimes be a challenge, potentially causing issues with data portability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Factor for Premium Features"}),": While Notion offers a free tier, more advanced features and larger usage limits are gated behind their paid plans, which could be a consideration for budget-conscious individuals or small teams."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/connector.png",alt:"connector"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow is a low-code workflow tool that helps you automate your business processes. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,t.jsx)(n.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,t.jsx)(n.li,{children:"Book a meeting room every day"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,t.jsx)(n.li,{children:"Build a CI/CD report system"}),"\n",(0,t.jsx)(n.li,{children:"Send email when some warning occurs"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(n.p,{children:"For IT Support, simple and easy-to-use tools are key to enhancing work efficiency. Choosing the right tools for your needs is crucial. Hopefully, everyone can find useful tools and become an outstanding IT Support."})]})}function h(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>r,a:()=>a});var t=i(959);const s={},o=t.createContext(s);function a(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/25c95330.07d16236.js b/de/assets/js/25c95330.07d16236.js
deleted file mode 100644
index 71913b6631..0000000000
--- a/de/assets/js/25c95330.07d16236.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3611],{2307:e=>{e.exports=JSON.parse('{"permalink":"/illa-website/de/blog/tags/data-dashboard","page":1,"postsPerPage":12,"totalPages":1,"totalCount":1,"blogDescription":"A resource for ILLA, front-end ecosystem, and web development","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/de/assets/js/354dfbd1.75e48d31.js b/de/assets/js/354dfbd1.75e48d31.js
deleted file mode 100644
index 7258ea9582..0000000000
--- a/de/assets/js/354dfbd1.75e48d31.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>s,default:()=>p,frontMatter:()=>t,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},s=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.",date:"2024-01-03T10:00:00.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.945,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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",permalink:"/illa-website/de/blog/shadcn-vs-mui"},nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},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:"Superblocks",id:"superblocks",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/crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/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:"superblocks",children:"Superblocks"}),"\n",(0,i.jsx)(o.p,{children:"Empowering business users to build custom apps, Superblocks offers agile project management tools and process automation features. With low-code development tools, it enables the creation of various applications without extensive technical skills. This platform is ideal for citizen developers looking to build applications for different industries. Embracing best practices of rapid development, Superblocks supports the creation of applications tailored to specific business needs, making it a valuable addition to enterprise application development platforms."}),"\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 p(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:()=>s});var i=n(959);const l={},t=i.createContext(l);function s(e){const o=i.useContext(t);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:s(e.components),i.createElement(t.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/354dfbd1.82179981.js b/de/assets/js/354dfbd1.82179981.js
new file mode 100644
index 0000000000..b50312d1d2
--- /dev/null
+++ b/de/assets/js/354dfbd1.82179981.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>s,default:()=>p,frontMatter:()=>t,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},s=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.",date:"2024-01-03T10:00:00.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.945,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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",permalink:"/illa-website/de/blog/shadcn-vs-mui"},nextItem:{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",permalink:"/illa-website/de/blog/build-dashboard"},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:"Superblocks",id:"superblocks",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/crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/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:"superblocks",children:"Superblocks"}),"\n",(0,i.jsx)(o.p,{children:"Empowering business users to build custom apps, Superblocks offers agile project management tools and process automation features. With low-code development tools, it enables the creation of various applications without extensive technical skills. This platform is ideal for citizen developers looking to build applications for different industries. Embracing best practices of rapid development, Superblocks supports the creation of applications tailored to specific business needs, making it a valuable addition to enterprise application development platforms."}),"\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 p(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:()=>s});var i=n(959);const l={},t=i.createContext(l);function s(e){const o=i.useContext(t);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:s(e.components),i.createElement(t.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/3c2834c3.91861879.js b/de/assets/js/3c2834c3.4113470a.js
similarity index 95%
rename from de/assets/js/3c2834c3.91861879.js
rename to de/assets/js/3c2834c3.4113470a.js
index c7a4728c6c..199560bad7 100644
--- a/de/assets/js/3c2834c3.91861879.js
+++ b/de/assets/js/3c2834c3.4113470a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4644],{3924:e=>{e.exports=JSON.parse('{"label":"Daten-Dashboard","permalink":"/illa-website/de/blog/tags/daten-dashboard","allTagsPath":"/illa-website/de/blog/tags","count":1}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4644],{3924:e=>{e.exports=JSON.parse('{"label":"Daten-Dashboard","permalink":"/illa-website/de/blog/tags/daten-dashboard","allTagsPath":"/illa-website/de/blog/tags","count":2}')}}]);
\ No newline at end of file
diff --git a/de/assets/js/3dca0203.3b6ace9a.js b/de/assets/js/3dca0203.3b6ace9a.js
deleted file mode 100644
index 1b75f5c655..0000000000
--- a/de/assets/js/3dca0203.3b6ace9a.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>s,default:()=>p,frontMatter:()=>t,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},s=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.",date:"2024-01-03T10:00:00.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.945,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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",permalink:"/illa-website/de/blog/shadcn-vs-mui"},nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},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:"Superblocks",id:"superblocks",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/crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/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:"superblocks",children:"Superblocks"}),"\n",(0,i.jsx)(o.p,{children:"Empowering business users to build custom apps, Superblocks offers agile project management tools and process automation features. With low-code development tools, it enables the creation of various applications without extensive technical skills. This platform is ideal for citizen developers looking to build applications for different industries. Embracing best practices of rapid development, Superblocks supports the creation of applications tailored to specific business needs, making it a valuable addition to enterprise application development platforms."}),"\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 p(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:()=>s});var i=n(959);const l={},t=i.createContext(l);function s(e){const o=i.useContext(t);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:s(e.components),i.createElement(t.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/3dca0203.7e655d09.js b/de/assets/js/3dca0203.7e655d09.js
new file mode 100644
index 0000000000..eda9d51fb9
--- /dev/null
+++ b/de/assets/js/3dca0203.7e655d09.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>s,default:()=>p,frontMatter:()=>t,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},s=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.",date:"2024-01-03T10:00:00.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.945,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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",permalink:"/illa-website/de/blog/shadcn-vs-mui"},nextItem:{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",permalink:"/illa-website/de/blog/build-dashboard"},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:"Superblocks",id:"superblocks",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/crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/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:"superblocks",children:"Superblocks"}),"\n",(0,i.jsx)(o.p,{children:"Empowering business users to build custom apps, Superblocks offers agile project management tools and process automation features. With low-code development tools, it enables the creation of various applications without extensive technical skills. This platform is ideal for citizen developers looking to build applications for different industries. Embracing best practices of rapid development, Superblocks supports the creation of applications tailored to specific business needs, making it a valuable addition to enterprise application development platforms."}),"\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 p(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:()=>s});var i=n(959);const l={},t=i.createContext(l);function s(e){const o=i.useContext(t);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:s(e.components),i.createElement(t.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/40c20836.f8d8cc86.js b/de/assets/js/40c20836.1c73844c.js
similarity index 92%
rename from de/assets/js/40c20836.f8d8cc86.js
rename to de/assets/js/40c20836.1c73844c.js
index 3dc4aee7ef..7ff10b64c0 100644
--- a/de/assets/js/40c20836.f8d8cc86.js
+++ b/de/assets/js/40c20836.1c73844c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[2391],{3490:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var i=t(1527),n=t(7214);const s={title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/tooljet-vs-appsmith",source:"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.11,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:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",permalink:"/illa-website/de/blog/appsmith-vs-retool"},nextItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},relatedPosts:[{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"},{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Tooljet and Appsmith are two popular software development tools.",id:"tooljet-and-appsmith-are-two-popular-software-development-tools",level:2},{value:"Tooljet - better for those who want more control over their project",id:"tooljet---better-for-those-who-want-more-control-over-their-project",level:2},{value:"Pros of Tooljet:",id:"pros-of-tooljet",level:3},{value:"Cons of Tooljet:",id:"cons-of-tooljet",level:3},{value:"Appsmith - more user-friendly",id:"appsmith---more-user-friendly",level:2},{value:"Pros of Appsmith:",id:"pros-of-appsmith",level:3},{value:"Cons of Appsmith:",id:"cons-of-appsmith",level:3},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(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:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option. Both are open-source platforms with various features to choose from, but they each have their own strengths and weaknesses. This blog post will compare Tooljet and Appsmith to help you decide which is suitable for your needs."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet is excellent for those who prefer working with visual elements and drag-and-drop tools. Its user interface allows you to quickly create applications by simply dragging and dropping different components into place, making it easy and fast to build applications from the ground up. Additionally, Tooljet has powerful management features that allow you to collaborate with other users in real-time and monitor project progress."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith is an excellent option for developers who want more control over their applications. It offers a wide range of great features, such as API integration, triggers, and scripts that can add complex functionality to your apps. Moreover, Appsmith also provides an intuitive code editor, making it easy to write custom code in your projects if needed."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\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:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\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.h2,{id:"tooljet-and-appsmith-are-two-popular-software-development-tools",children:"Tooljet and Appsmith are two popular software development tools."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet and Appsmith are two extremely powerful software development tools that enable developers to create applications with data sources quickly and efficiently without too much hand coding. Both tools use intuitive drag-and-drop elements, code tools, data connectors, and a visual development process to help streamline business process management."}),"\n",(0,i.jsx)(o.p,{children:"With their extensive feature sets, both Tooljet and Appsmith have successfully served many developers as they continue to rapidly develop data-driven applications. They prove time and time again that they are essential tools for any software developer with coding knowledge looking to create advanced data-driven applications in just a few simple steps."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet---better-for-those-who-want-more-control-over-their-project",children:"Tooljet - better for those who want more control over their project"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,i.jsx)(o.p,{children:"Both Tooljet and Appsmith are powerful for citizen developers to do rapid application development. Tooljet provides flexibility with a more hands-on approach, allowing business users the control they need to create total admin panels with custom UI components."}),"\n",(0,i.jsx)(o.p,{children:"It offers an intuitive user interface that allows users to rapidly design, develop, and manage applications through a series of drag-and-drop tools, visual elements, and data sources. Beyond its easy UI, Tooljet also boasts powerful features such as real-time collaboration, comprehensive project management capabilities, and built-in components."}),"\n",(0,i.jsx)(o.p,{children:"This comprehensive suite of features makes it easier for developers to quickly build robust apps without worrying about coding from scratch. Tooljet also supports various coding languages, including Java, JavaScript, Python, and Ruby, giving developers even more freedom when creating custom applications. Additionally, Tooljet has extensive documentation for users looking for additional support when working on their projects."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-tooljet",children:"Pros of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Intuitive and easy-to-use user interface that makes it simple to create applications quickly with drag-and-drop tools"}),"\n",(0,i.jsx)(o.li,{children:"Powerful management features to help collaborate with other users in real-time and monitor project progress"}),"\n",(0,i.jsx)(o.li,{children:"Built-in analytics and reporting tools to measure the performance, usage, and reliability of applications"}),"\n",(0,i.jsx)(o.li,{children:"A feature-rich platform that supports webhooks, API integration, and custom code for added complexity"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-tooljet",children:"Cons of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"The visual approach means it can be difficult to troubleshoot problems without an understanding of the underlying code"}),"\n",(0,i.jsx)(o.li,{children:"Visual elements are limited, which may not provide enough flexibility for more complex projects"}),"\n",(0,i.jsx)(o.li,{children:"Limited support for third-party integrations, which could restrict the use cases for certain applications"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith---more-user-friendly",children:"Appsmith - more user-friendly"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,i.jsx)(o.p,{children:"On the other hand, Appsmith is ideal for those who don\u2019t have coding experience but still want to craft an app - it makes app development more accessible than ever with user-friendly tools that require no technical knowledge. Appsmith is an intuitive, user-friendly low-code platform for non-technical users to build robust data-driven applications quickly. With a simple drag-and-drop interface, you can easily create custom UI components and manage your projects with comprehensive project management capabilities."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith also offers advanced security features such as role-based access control to ensure that only authorized personnel access sensitive information. Additionally, Appsmith integrates with third-party services and supports webhooks, API integration, and custom code, which makes it a great choice for creating robust applications without the need to code from scratch."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-appsmith",children:"Pros of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Highly customizable features so developers can add complex functionality to their apps easily"}),"\n",(0,i.jsx)(o.li,{children:"Intuitive code editor makes it easy to write custom code into your projects if needed"}),"\n",(0,i.jsx)(o.li,{children:"Supports multiple programming languages such as JavaScript, HTML5, CSS3, TypeScript, etc."}),"\n",(0,i.jsx)(o.li,{children:"Flexible API integration allows users to connect various services together quickly and securely"}),"\n",(0,i.jsx)(o.li,{children:"A wide range of predefined templates and components make it easier to create new applications from scratch"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-appsmith",children:"Cons of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Not as beginner-friendly compared to other low-code platforms, which could limit its usefulness for certain users"}),"\n",(0,i.jsx)(o.li,{children:"Code changes can be tricky as they require manual adjustments every time they are made"}),"\n",(0,i.jsx)(o.li,{children:"More expensive than Tooljet, which may not make it a viable option for some budgets"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,i.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,i.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,i.jsx)(o.p,{children:"Any developer will love ILLA for two reasons- freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,i.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,i.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,i.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,i.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,i.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,i.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,i.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,i.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,i.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,i.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,i.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,i.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function p(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})}):c(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([[2391],{3490:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var i=t(1527),n=t(7214);const s={title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/tooljet-vs-appsmith",source:"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.11,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:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",permalink:"/illa-website/de/blog/appsmith-vs-retool"},nextItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},relatedPosts:[{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Tooljet and Appsmith are two popular software development tools.",id:"tooljet-and-appsmith-are-two-popular-software-development-tools",level:2},{value:"Tooljet - better for those who want more control over their project",id:"tooljet---better-for-those-who-want-more-control-over-their-project",level:2},{value:"Pros of Tooljet:",id:"pros-of-tooljet",level:3},{value:"Cons of Tooljet:",id:"cons-of-tooljet",level:3},{value:"Appsmith - more user-friendly",id:"appsmith---more-user-friendly",level:2},{value:"Pros of Appsmith:",id:"pros-of-appsmith",level:3},{value:"Cons of Appsmith:",id:"cons-of-appsmith",level:3},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(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:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option. Both are open-source platforms with various features to choose from, but they each have their own strengths and weaknesses. This blog post will compare Tooljet and Appsmith to help you decide which is suitable for your needs."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet is excellent for those who prefer working with visual elements and drag-and-drop tools. Its user interface allows you to quickly create applications by simply dragging and dropping different components into place, making it easy and fast to build applications from the ground up. Additionally, Tooljet has powerful management features that allow you to collaborate with other users in real-time and monitor project progress."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith is an excellent option for developers who want more control over their applications. It offers a wide range of great features, such as API integration, triggers, and scripts that can add complex functionality to your apps. Moreover, Appsmith also provides an intuitive code editor, making it easy to write custom code in your projects if needed."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\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:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\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.h2,{id:"tooljet-and-appsmith-are-two-popular-software-development-tools",children:"Tooljet and Appsmith are two popular software development tools."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet and Appsmith are two extremely powerful software development tools that enable developers to create applications with data sources quickly and efficiently without too much hand coding. Both tools use intuitive drag-and-drop elements, code tools, data connectors, and a visual development process to help streamline business process management."}),"\n",(0,i.jsx)(o.p,{children:"With their extensive feature sets, both Tooljet and Appsmith have successfully served many developers as they continue to rapidly develop data-driven applications. They prove time and time again that they are essential tools for any software developer with coding knowledge looking to create advanced data-driven applications in just a few simple steps."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet---better-for-those-who-want-more-control-over-their-project",children:"Tooljet - better for those who want more control over their project"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,i.jsx)(o.p,{children:"Both Tooljet and Appsmith are powerful for citizen developers to do rapid application development. Tooljet provides flexibility with a more hands-on approach, allowing business users the control they need to create total admin panels with custom UI components."}),"\n",(0,i.jsx)(o.p,{children:"It offers an intuitive user interface that allows users to rapidly design, develop, and manage applications through a series of drag-and-drop tools, visual elements, and data sources. Beyond its easy UI, Tooljet also boasts powerful features such as real-time collaboration, comprehensive project management capabilities, and built-in components."}),"\n",(0,i.jsx)(o.p,{children:"This comprehensive suite of features makes it easier for developers to quickly build robust apps without worrying about coding from scratch. Tooljet also supports various coding languages, including Java, JavaScript, Python, and Ruby, giving developers even more freedom when creating custom applications. Additionally, Tooljet has extensive documentation for users looking for additional support when working on their projects."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-tooljet",children:"Pros of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Intuitive and easy-to-use user interface that makes it simple to create applications quickly with drag-and-drop tools"}),"\n",(0,i.jsx)(o.li,{children:"Powerful management features to help collaborate with other users in real-time and monitor project progress"}),"\n",(0,i.jsx)(o.li,{children:"Built-in analytics and reporting tools to measure the performance, usage, and reliability of applications"}),"\n",(0,i.jsx)(o.li,{children:"A feature-rich platform that supports webhooks, API integration, and custom code for added complexity"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-tooljet",children:"Cons of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"The visual approach means it can be difficult to troubleshoot problems without an understanding of the underlying code"}),"\n",(0,i.jsx)(o.li,{children:"Visual elements are limited, which may not provide enough flexibility for more complex projects"}),"\n",(0,i.jsx)(o.li,{children:"Limited support for third-party integrations, which could restrict the use cases for certain applications"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith---more-user-friendly",children:"Appsmith - more user-friendly"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,i.jsx)(o.p,{children:"On the other hand, Appsmith is ideal for those who don\u2019t have coding experience but still want to craft an app - it makes app development more accessible than ever with user-friendly tools that require no technical knowledge. Appsmith is an intuitive, user-friendly low-code platform for non-technical users to build robust data-driven applications quickly. With a simple drag-and-drop interface, you can easily create custom UI components and manage your projects with comprehensive project management capabilities."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith also offers advanced security features such as role-based access control to ensure that only authorized personnel access sensitive information. Additionally, Appsmith integrates with third-party services and supports webhooks, API integration, and custom code, which makes it a great choice for creating robust applications without the need to code from scratch."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-appsmith",children:"Pros of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Highly customizable features so developers can add complex functionality to their apps easily"}),"\n",(0,i.jsx)(o.li,{children:"Intuitive code editor makes it easy to write custom code into your projects if needed"}),"\n",(0,i.jsx)(o.li,{children:"Supports multiple programming languages such as JavaScript, HTML5, CSS3, TypeScript, etc."}),"\n",(0,i.jsx)(o.li,{children:"Flexible API integration allows users to connect various services together quickly and securely"}),"\n",(0,i.jsx)(o.li,{children:"A wide range of predefined templates and components make it easier to create new applications from scratch"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-appsmith",children:"Cons of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Not as beginner-friendly compared to other low-code platforms, which could limit its usefulness for certain users"}),"\n",(0,i.jsx)(o.li,{children:"Code changes can be tricky as they require manual adjustments every time they are made"}),"\n",(0,i.jsx)(o.li,{children:"More expensive than Tooljet, which may not make it a viable option for some budgets"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,i.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,i.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,i.jsx)(o.p,{children:"Any developer will love ILLA for two reasons- freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,i.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,i.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,i.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,i.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,i.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,i.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,i.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,i.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,i.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,i.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,i.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,i.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function p(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})}):c(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/410ea938.bc4c8d31.js b/de/assets/js/410ea938.bc4c8d31.js
new file mode 100644
index 0000000000..ef979b6b84
--- /dev/null
+++ b/de/assets/js/410ea938.bc4c8d31.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5878],{7367:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>g,frontMatter:()=>s,metadata:()=>o,toc:()=>a});var t=i(1527),r=i(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},l=void 0,o={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditionelle Entwicklung",permalink:"/illa-website/de/blog/tags/traditionelle-entwicklung"},{label:"JavaScript",permalink:"/illa-website/de/blog/tags/java-script"}],readingTime:3.25,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 Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}]},d={authorsImageUrls:[void 0]},a=[{value:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative",id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",level:2},{value:"Behandlung von benutzerorientierten Komponenten: Webflow",id:"behandlung-von-benutzerorientierten-komponenten-webflow",level:3},{value:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud",id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",level:3},{value:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens",id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",level:2},{value:"Schlussfolgerung",id:"schlussfolgerung",level:2}];function u(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",children:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative"}),"\n",(0,t.jsx)(n.p,{children:"In der dynamischen Landschaft von h\xe4ufigen Feiertagen und besonderen Anl\xe4ssen wird das Schaffen einzigartiger Online-Erlebnisse unerl\xe4sslich. Jedes Unternehmen kann seine eigenen Marketingtage haben, die ansprechende Aktivit\xe4ten erfordern. Das Entwerfen dieser Online-Marketingkampagnen stellt unweigerlich eine Entwicklungs-Herausforderung dar und erfordert eine erhebliche Ressourcenzuweisung. W\xe4hrend der Bedarf an visuell ansprechenden Designs offensichtlich ist, rechtfertigt die Gesamtkomplexit\xe4t m\xf6glicherweise nicht erhebliche Entwicklungskosten, insbesondere wenn der Lebenszyklus auf 1-2 Wochen begrenzt ist. In solchen F\xe4llen erweist sich die Wahl von Low-Code-Tools als finanziell kluge Entscheidung. Hier bef\xfcrworten wir eine spezifische Low-Code-L\xf6sung."}),"\n",(0,t.jsx)(n.h3,{id:"behandlung-von-benutzerorientierten-komponenten-webflow",children:"Behandlung von benutzerorientierten Komponenten: Webflow"}),"\n",(0,t.jsx)(n.p,{children:"Webflow, mit seiner intuitiven Drag-and-Drop-Schnittstelle und designerfreundlichen Anpassungen, erleichtert das Erstellen von visuell beeindruckenden Landing-Pages. Dieser Ansatz erm\xf6glicht es den Nutzern, mit einer \xe4sthetisch ansprechenden Website zu interagieren, und erfordert bemerkenswerterweise nur die Expertise eines einzelnen Designers. Dar\xfcber hinaus bietet Webflow eine Reihe von Vorlagen, die leicht angepasst werden k\xf6nnen, und erm\xf6glicht so den schnellen Aufbau einer exquisiten Website."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,t.jsx)(n.h3,{id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",children:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Unabh\xe4ngig von der verwendeten Frontend-Technologie ist ein effektives Verwaltungswerkzeug unverzicht"}),"\n",(0,t.jsx)(n.p,{children:"bar f\xfcr die \xdcberwachung von Gesch\xe4ftsabl\xe4ufen."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", als Low-Code-Tool direkt aus der Box, erm\xf6glicht es Entwicklern, interne Werkzeuge schnell mit einfachem JavaScript zu konstruieren und eliminiert die Notwendigkeit, neue Projekte zu erstellen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Angepasste B2B-Werkzeuge"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Verglichen mit Szenarien, die auf Komponentenbibliotheken basieren, bietet ILLA Cloud eine 10x schnellere Konstruktionsgeschwindigkeit f\xfcr die oben genannten Werkzeuge. Zus\xe4tzlich unterst\xfctzt ILLA Cloud kollaboratives Bearbeiten unter mehreren Teammitgliedern und f\xf6rdert effiziente Teamarbeit."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"Die Synergie dieser beiden Werkzeuge beschleunigt die Erstellung von Gesch\xe4ftsanforderungen in Marketing-Szenarien. Dieser synergistische Ansatz minimiert den Bedarf an umfangreichen Entwicklungsressourcen und adressiert die Nachfrage nach schneller Reaktion und Bereitstellung. Folglich treibt er die Gesch\xe4ftsiterationsgeschwindigkeit auf neue H\xf6hen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",children:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens"}),"\n",(0,t.jsx)(n.p,{children:"Der Beginn eines Projekts erfordert eine gr\xfcndliche Bewertung seiner Eigenschaften. F\xfcr umfassende toC-Produkte wie soziale Plattformen, Gaming-Anwendungen oder IM-Dienste neigt die Empfehlung zu traditionellen Entwicklungsmethoden. Dies gew\xe4hrleistet ein hohes Ma\xdf an Flexibilit\xe4t bei der Anpassung an sich entwickelnde Anforderungen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Unternehmungen, die sich auf Einzelhandel oder Dienstleistungen konzentrieren, erweist sich die Nutzung von Shopify f\xfcr die Frontend-Pr\xe4sentation als vorteilhaft. Diese Wahl garantiert eine weit verbreitete Verbreitung von Produkten und senkt gleichzeitig die Entwicklungskosten. Dar\xfcber hinaus unterst\xfctzt Shopify die Anpassung und bedient so effektiv vielf\xe4ltige Gesch\xe4ftsbed\xfcrfnisse."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,t.jsx)(n.p,{children:"In F\xe4llen, in denen eine schnelle Entwicklung einer App oder Website von gr\xf6\xdfter Bedeutung ist, kann direkte Codierung eine schnellere L\xf6sung bieten. Daher h\xe4ngt die Auswahl einer geeigneten L\xf6sung stark von den einzigartigen Merkmalen des Szenarios ab."}),"\n",(0,t.jsx)(n.p,{children:"Wenn die Backend-Funktionalit\xe4t von Shopify den Anforderungen nicht entspricht, kann die Integration von ILLA Cloud die L\xfccke schlie\xdfen und eine Plattform f\xfcr angepasste Verwaltung bereitstellen."}),"\n",(0,t.jsx)(n.h2,{id:"schlussfolgerung",children:"Schlussfolgerung"}),"\n",(0,t.jsx)(n.p,{children:"Im Entscheidungsprozess zur Auswahl von Entwicklungswerkzeugen wird ein vielschichtiger Ansatz empfohlen. W\xe4hrend direkte Codierung unvergleichliche Flexibilit\xe4t bietet, kommt sie jedoch auf Kosten der Entwicklungsgeschwindigkeit. Die strategische Integration von Low-Code-Werkzeugen und SaaS-L\xf6sungen kann erhebliche Produktivit\xe4tsgewinne erzielen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Operationen, die Flexibilit\xe4t erfordern und f\xfcr das Kerngesch\xe4ft wesentlich sind, bleiben traditionelle Entwicklungsmethoden die bevorzugte Wahl. Die Agilit\xe4t und Kontrolle, die durch traditionelle Entwicklungsmethoden geboten werden, f\xfchren zu Produkten, die speziell auf spezifische Bed\xfcrfnisse zugeschnitten sind."}),"\n",(0,t.jsx)(n.p,{children:"Letztendlich gibt es keine Einheitsl\xf6sung; die beste Wahl ist diejenige, die am engsten mit den einzigartigen Anforderungen des jeweiligen Szenarios \xfcbereinstimmt."})]})}function g(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>l});var t=i(959);const r={},s=t.createContext(r);function l(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/410ea938.fea1eff9.js b/de/assets/js/410ea938.fea1eff9.js
deleted file mode 100644
index 7f16482f4d..0000000000
--- a/de/assets/js/410ea938.fea1eff9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5878],{7367:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>g,frontMatter:()=>s,metadata:()=>o,toc:()=>a});var t=i(1527),r=i(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},l=void 0,o={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditionelle Entwicklung",permalink:"/illa-website/de/blog/tags/traditionelle-entwicklung"},{label:"JavaScript",permalink:"/illa-website/de/blog/tags/java-script"}],readingTime:3.25,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 Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},d={authorsImageUrls:[void 0]},a=[{value:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative",id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",level:2},{value:"Behandlung von benutzerorientierten Komponenten: Webflow",id:"behandlung-von-benutzerorientierten-komponenten-webflow",level:3},{value:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud",id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",level:3},{value:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens",id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",level:2},{value:"Schlussfolgerung",id:"schlussfolgerung",level:2}];function u(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",children:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative"}),"\n",(0,t.jsx)(n.p,{children:"In der dynamischen Landschaft von h\xe4ufigen Feiertagen und besonderen Anl\xe4ssen wird das Schaffen einzigartiger Online-Erlebnisse unerl\xe4sslich. Jedes Unternehmen kann seine eigenen Marketingtage haben, die ansprechende Aktivit\xe4ten erfordern. Das Entwerfen dieser Online-Marketingkampagnen stellt unweigerlich eine Entwicklungs-Herausforderung dar und erfordert eine erhebliche Ressourcenzuweisung. W\xe4hrend der Bedarf an visuell ansprechenden Designs offensichtlich ist, rechtfertigt die Gesamtkomplexit\xe4t m\xf6glicherweise nicht erhebliche Entwicklungskosten, insbesondere wenn der Lebenszyklus auf 1-2 Wochen begrenzt ist. In solchen F\xe4llen erweist sich die Wahl von Low-Code-Tools als finanziell kluge Entscheidung. Hier bef\xfcrworten wir eine spezifische Low-Code-L\xf6sung."}),"\n",(0,t.jsx)(n.h3,{id:"behandlung-von-benutzerorientierten-komponenten-webflow",children:"Behandlung von benutzerorientierten Komponenten: Webflow"}),"\n",(0,t.jsx)(n.p,{children:"Webflow, mit seiner intuitiven Drag-and-Drop-Schnittstelle und designerfreundlichen Anpassungen, erleichtert das Erstellen von visuell beeindruckenden Landing-Pages. Dieser Ansatz erm\xf6glicht es den Nutzern, mit einer \xe4sthetisch ansprechenden Website zu interagieren, und erfordert bemerkenswerterweise nur die Expertise eines einzelnen Designers. Dar\xfcber hinaus bietet Webflow eine Reihe von Vorlagen, die leicht angepasst werden k\xf6nnen, und erm\xf6glicht so den schnellen Aufbau einer exquisiten Website."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,t.jsx)(n.h3,{id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",children:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Unabh\xe4ngig von der verwendeten Frontend-Technologie ist ein effektives Verwaltungswerkzeug unverzicht"}),"\n",(0,t.jsx)(n.p,{children:"bar f\xfcr die \xdcberwachung von Gesch\xe4ftsabl\xe4ufen."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", als Low-Code-Tool direkt aus der Box, erm\xf6glicht es Entwicklern, interne Werkzeuge schnell mit einfachem JavaScript zu konstruieren und eliminiert die Notwendigkeit, neue Projekte zu erstellen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Angepasste B2B-Werkzeuge"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Verglichen mit Szenarien, die auf Komponentenbibliotheken basieren, bietet ILLA Cloud eine 10x schnellere Konstruktionsgeschwindigkeit f\xfcr die oben genannten Werkzeuge. Zus\xe4tzlich unterst\xfctzt ILLA Cloud kollaboratives Bearbeiten unter mehreren Teammitgliedern und f\xf6rdert effiziente Teamarbeit."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"Die Synergie dieser beiden Werkzeuge beschleunigt die Erstellung von Gesch\xe4ftsanforderungen in Marketing-Szenarien. Dieser synergistische Ansatz minimiert den Bedarf an umfangreichen Entwicklungsressourcen und adressiert die Nachfrage nach schneller Reaktion und Bereitstellung. Folglich treibt er die Gesch\xe4ftsiterationsgeschwindigkeit auf neue H\xf6hen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",children:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens"}),"\n",(0,t.jsx)(n.p,{children:"Der Beginn eines Projekts erfordert eine gr\xfcndliche Bewertung seiner Eigenschaften. F\xfcr umfassende toC-Produkte wie soziale Plattformen, Gaming-Anwendungen oder IM-Dienste neigt die Empfehlung zu traditionellen Entwicklungsmethoden. Dies gew\xe4hrleistet ein hohes Ma\xdf an Flexibilit\xe4t bei der Anpassung an sich entwickelnde Anforderungen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Unternehmungen, die sich auf Einzelhandel oder Dienstleistungen konzentrieren, erweist sich die Nutzung von Shopify f\xfcr die Frontend-Pr\xe4sentation als vorteilhaft. Diese Wahl garantiert eine weit verbreitete Verbreitung von Produkten und senkt gleichzeitig die Entwicklungskosten. Dar\xfcber hinaus unterst\xfctzt Shopify die Anpassung und bedient so effektiv vielf\xe4ltige Gesch\xe4ftsbed\xfcrfnisse."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,t.jsx)(n.p,{children:"In F\xe4llen, in denen eine schnelle Entwicklung einer App oder Website von gr\xf6\xdfter Bedeutung ist, kann direkte Codierung eine schnellere L\xf6sung bieten. Daher h\xe4ngt die Auswahl einer geeigneten L\xf6sung stark von den einzigartigen Merkmalen des Szenarios ab."}),"\n",(0,t.jsx)(n.p,{children:"Wenn die Backend-Funktionalit\xe4t von Shopify den Anforderungen nicht entspricht, kann die Integration von ILLA Cloud die L\xfccke schlie\xdfen und eine Plattform f\xfcr angepasste Verwaltung bereitstellen."}),"\n",(0,t.jsx)(n.h2,{id:"schlussfolgerung",children:"Schlussfolgerung"}),"\n",(0,t.jsx)(n.p,{children:"Im Entscheidungsprozess zur Auswahl von Entwicklungswerkzeugen wird ein vielschichtiger Ansatz empfohlen. W\xe4hrend direkte Codierung unvergleichliche Flexibilit\xe4t bietet, kommt sie jedoch auf Kosten der Entwicklungsgeschwindigkeit. Die strategische Integration von Low-Code-Werkzeugen und SaaS-L\xf6sungen kann erhebliche Produktivit\xe4tsgewinne erzielen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Operationen, die Flexibilit\xe4t erfordern und f\xfcr das Kerngesch\xe4ft wesentlich sind, bleiben traditionelle Entwicklungsmethoden die bevorzugte Wahl. Die Agilit\xe4t und Kontrolle, die durch traditionelle Entwicklungsmethoden geboten werden, f\xfchren zu Produkten, die speziell auf spezifische Bed\xfcrfnisse zugeschnitten sind."}),"\n",(0,t.jsx)(n.p,{children:"Letztendlich gibt es keine Einheitsl\xf6sung; die beste Wahl ist diejenige, die am engsten mit den einzigartigen Anforderungen des jeweiligen Szenarios \xfcbereinstimmt."})]})}function g(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>l});var t=i(959);const r={},s=t.createContext(r);function l(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/43fad075.573670bd.js b/de/assets/js/43fad075.573670bd.js
deleted file mode 100644
index c097111259..0000000000
--- a/de/assets/js/43fad075.573670bd.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4815],{2586:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var t=i(1527),l=i(7214);const r={slug:"backend-create-web-ui",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},s=void 0,a={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"interne Tools",permalink:"/illa-website/de/blog/tags/interne-tools"},{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"},{label:"Admin-Panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:2.69,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:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},unlisted:!1,prevItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},nextItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Was ist ILLA Cloud",id:"was-ist-illa-cloud",level:2},{value:"Warum ich ILLA Cloud empfehle",id:"warum-ich-illa-cloud-empfehle",level:2},{value:"Abschlie\xdfend",id:"abschlie\xdfend",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Hallo, ich bin Owen. Als Backend-Ingenieur bin ich nicht besonders talentiert darin, Web-Benutzeroberfl\xe4chen zu erstellen, aber ich muss oft verschiedene Datenpanels und Admin-Backends entwickeln, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies reicht von der Darstellung komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und sogar zur Erstellung spezieller Admin-Backends f\xfcr Weihnachtsveranstaltungen. Ich kann diese Aufgaben alleine nicht bew\xe4ltigen und muss mit einem Frontend-Ingenieur zusammenarbeiten, um kontinuierliche Iterationen durchzuf\xfchren. Dies hat meine Arbeitsweise erheblich beeinflusst."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, verschiedene Tools f\xfcr den internen Teamgebrauch sowie einfache Tools f\xfcr den pers\xf6nlichen Gebrauch und einige zeitkritische Tools unabh\xe4ngig entwickeln zu k\xf6nnen. Meine gr\xf6\xdften Anforderungen sind, dass diese Tools \xe4sthetisch ansprechend, benutzerfreundlich und schnell zu erstellen sind. Daher engagiere ich mich nun voll und ganz f\xfcr ein Projekt, das Backend-Ingenieuren dabei hilft, ma\xdfgeschneiderte Tools schnell zu erstellen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-illa-cloud",children:"Was ist ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist ein Low-Code-Tool, das f\xfcr Entwickler entwickelt wurde und es erm\xf6glicht, Admin-Panels und Dashboards schnell \xfcber eine Drag-and-Drop-Benutzeroberfl\xe4che zu entwickeln. ILLA Cloud integriert sich nahtlos mit einer breiten Palette von g\xe4ngigen Datenbanken und Datenquellen, einschlie\xdflich REST-APIs und GraphQL."}),"\n",(0,t.jsxs)(n.p,{children:["Offizielle Website: ",(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA k\xf6nnen Sie schnell verschiedene Tools erstellen, wie zum Beispiel:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- und App-Admin-Panels"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboards"}),"\n",(0,t.jsx)(n.li,{children:"Ma\xdfgeschneiderte B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Diese k\xf6nnen mit nur wenig JavaScript f\xfcr logische Verbindungen einfach per Drag & Drop erstellt werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"Dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA verf\xfcgt auch \xfcber eine umfassende Sammlung von Connector-Tools, die in der Lage sind, KI, Datenbanken und verschiedene SaaS-Plattformen zu integrieren. Dies erm\xf6glicht es Ihren Kunden, die von Ihnen erstellten Produkte schnell mit den von ihnen verwendeten Produkten zu verkn\xfcpfen. Es unterst\xfctzt geplante Aufgaben, Webhooks und erm\xf6glicht auch die Parameter\xfcbergabe."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.h2,{id:"warum-ich-illa-cloud-empfehle",children:"Warum ich ILLA Cloud empfehle"}),"\n",(0,t.jsx)(n.p,{children:"Nach kontinuierlichen Iterationen durch unser Team unterst\xfctzt ILLA nun eine gro\xdfe Anzahl von g\xe4ngigen Datenquellen und APIs. Backend-Entwickler k\xf6nnen mit ILLA mithilfe von Drag & Drop-Methoden schnell ma\xdfgeschneiderte Tools erstellen, was die Geschwindigkeit bei der Erstellung einer gro\xdfen Anzahl von internen Tools in der t\xe4glichen Arbeit grundlegend verbessert."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/resource.png",alt:"Ressource"})}),"\n",(0,t.jsx)(n.p,{children:"Niemand muss mehr ein Mikroservice f\xfcr einen bestimmten Datenbanktyp erstellen, bei dem der Mikroservice nur dazu dient, eine SQL-Abfrage auszuf\xfchren. ILLA unterst\xfctzt direkte SQL-Datenbankabfragen, was sehr benutzerfreundlich f\xfcr Backend-Entwickler ist."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/sql.png",alt:"SQL"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA bietet auch eine integrierte Connector-Funktionalit\xe4t, die es Tools erm\xf6glicht, Nachrichten einfach an Slack zu senden, E-Mails zu versenden oder sogar mit anderen Systemen zu kommunizieren. Diese k\xf6nnen mithilfe von Webhooks und geplanten Aufgaben aufgerufen werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies verbessert grundlegend die Entwicklungseffizienz einer gro\xdfen Anzahl von Automatisierungsaufgaben am Arbeitsplatz."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA jetzt die Integration von KI-Modellen, was die einfache Verwendung von Huggingface-KI-Modellen erm\xf6glicht. Dies ist besonders interessant f\xfcr den Aufbau von KI-gesteuerten Tools. ILLA enth\xe4lt auch eine KI-Agenten-Funktion, die bequem f\xfcr Textanalyse, Sprachanalyse, Bildanalyse und mehr verwendet werden kann."}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA erstellte Tools k\xf6nnen schnell mit LLMs (Large Language Models) verbunden werden, sodass die von Ihnen erstellten Tools intelligenter werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/agent.png",alt:"Agent"})}),"\n",(0,t.jsx)(n.h2,{id:"abschlie\xdfend",children:"Abschlie\xdfend"}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass ILLA Cloud Ihnen dabei helfen kann, verschiedene Tools schnell zu erstellen, damit Sie sich auf die Entwicklung von Gesch\xe4ftslogik konzentrieren k\xf6nnen. ILLA Cloud befindet sich derzeit in der Beta-Phase, und wir sammeln aktiv Feedback von Benutzern. Wenn Sie Fragen oder Anregungen haben, z\xf6gern Sie bitte nicht, mich zu kontaktieren."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass jeder Ingenieur effizient arbeiten kann, ohne sich mit bestimmten Frontend-Aufgaben herumschlagen zu m\xfcssen."})]})}function u(e={}){const{wrapper:n}={...(0,l.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>s});var t=i(959);const l={},r=t.createContext(l);function s(e){const n=t.useContext(r);return t.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(l):e.components||l:s(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/43fad075.e25d1798.js b/de/assets/js/43fad075.e25d1798.js
new file mode 100644
index 0000000000..1f61cadcca
--- /dev/null
+++ b/de/assets/js/43fad075.e25d1798.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4815],{2586:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var t=i(1527),l=i(7214);const r={slug:"backend-create-web-ui",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},s=void 0,a={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"interne Tools",permalink:"/illa-website/de/blog/tags/interne-tools"},{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"},{label:"Admin-Panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:2.69,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:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["interne Tools","Daten-Dashboard","Admin-Panel"],date:"2024-01-03T10:00",is_featured:!0},unlisted:!1,prevItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},nextItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"1. 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.07,date:"2024-01-01T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Was ist ILLA Cloud",id:"was-ist-illa-cloud",level:2},{value:"Warum ich ILLA Cloud empfehle",id:"warum-ich-illa-cloud-empfehle",level:2},{value:"Abschlie\xdfend",id:"abschlie\xdfend",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Hallo, ich bin Owen. Als Backend-Ingenieur bin ich nicht besonders talentiert darin, Web-Benutzeroberfl\xe4chen zu erstellen, aber ich muss oft verschiedene Datenpanels und Admin-Backends entwickeln, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies reicht von der Darstellung komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und sogar zur Erstellung spezieller Admin-Backends f\xfcr Weihnachtsveranstaltungen. Ich kann diese Aufgaben alleine nicht bew\xe4ltigen und muss mit einem Frontend-Ingenieur zusammenarbeiten, um kontinuierliche Iterationen durchzuf\xfchren. Dies hat meine Arbeitsweise erheblich beeinflusst."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, verschiedene Tools f\xfcr den internen Teamgebrauch sowie einfache Tools f\xfcr den pers\xf6nlichen Gebrauch und einige zeitkritische Tools unabh\xe4ngig entwickeln zu k\xf6nnen. Meine gr\xf6\xdften Anforderungen sind, dass diese Tools \xe4sthetisch ansprechend, benutzerfreundlich und schnell zu erstellen sind. Daher engagiere ich mich nun voll und ganz f\xfcr ein Projekt, das Backend-Ingenieuren dabei hilft, ma\xdfgeschneiderte Tools schnell zu erstellen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-illa-cloud",children:"Was ist ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist ein Low-Code-Tool, das f\xfcr Entwickler entwickelt wurde und es erm\xf6glicht, Admin-Panels und Dashboards schnell \xfcber eine Drag-and-Drop-Benutzeroberfl\xe4che zu entwickeln. ILLA Cloud integriert sich nahtlos mit einer breiten Palette von g\xe4ngigen Datenbanken und Datenquellen, einschlie\xdflich REST-APIs und GraphQL."}),"\n",(0,t.jsxs)(n.p,{children:["Offizielle Website: ",(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA k\xf6nnen Sie schnell verschiedene Tools erstellen, wie zum Beispiel:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- und App-Admin-Panels"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboards"}),"\n",(0,t.jsx)(n.li,{children:"Ma\xdfgeschneiderte B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Diese k\xf6nnen mit nur wenig JavaScript f\xfcr logische Verbindungen einfach per Drag & Drop erstellt werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"Dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA verf\xfcgt auch \xfcber eine umfassende Sammlung von Connector-Tools, die in der Lage sind, KI, Datenbanken und verschiedene SaaS-Plattformen zu integrieren. Dies erm\xf6glicht es Ihren Kunden, die von Ihnen erstellten Produkte schnell mit den von ihnen verwendeten Produkten zu verkn\xfcpfen. Es unterst\xfctzt geplante Aufgaben, Webhooks und erm\xf6glicht auch die Parameter\xfcbergabe."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.h2,{id:"warum-ich-illa-cloud-empfehle",children:"Warum ich ILLA Cloud empfehle"}),"\n",(0,t.jsx)(n.p,{children:"Nach kontinuierlichen Iterationen durch unser Team unterst\xfctzt ILLA nun eine gro\xdfe Anzahl von g\xe4ngigen Datenquellen und APIs. Backend-Entwickler k\xf6nnen mit ILLA mithilfe von Drag & Drop-Methoden schnell ma\xdfgeschneiderte Tools erstellen, was die Geschwindigkeit bei der Erstellung einer gro\xdfen Anzahl von internen Tools in der t\xe4glichen Arbeit grundlegend verbessert."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/resource.png",alt:"Ressource"})}),"\n",(0,t.jsx)(n.p,{children:"Niemand muss mehr ein Mikroservice f\xfcr einen bestimmten Datenbanktyp erstellen, bei dem der Mikroservice nur dazu dient, eine SQL-Abfrage auszuf\xfchren. ILLA unterst\xfctzt direkte SQL-Datenbankabfragen, was sehr benutzerfreundlich f\xfcr Backend-Entwickler ist."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/sql.png",alt:"SQL"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA bietet auch eine integrierte Connector-Funktionalit\xe4t, die es Tools erm\xf6glicht, Nachrichten einfach an Slack zu senden, E-Mails zu versenden oder sogar mit anderen Systemen zu kommunizieren. Diese k\xf6nnen mithilfe von Webhooks und geplanten Aufgaben aufgerufen werden."}),"\n",(0,t.jsx)(n.p,{children:"Dies verbessert grundlegend die Entwicklungseffizienz einer gro\xdfen Anzahl von Automatisierungsaufgaben am Arbeitsplatz."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/connector.png",alt:"Connector"})}),"\n",(0,t.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA jetzt die Integration von KI-Modellen, was die einfache Verwendung von Huggingface-KI-Modellen erm\xf6glicht. Dies ist besonders interessant f\xfcr den Aufbau von KI-gesteuerten Tools. ILLA enth\xe4lt auch eine KI-Agenten-Funktion, die bequem f\xfcr Textanalyse, Sprachanalyse, Bildanalyse und mehr verwendet werden kann."}),"\n",(0,t.jsx)(n.p,{children:"Mit ILLA erstellte Tools k\xf6nnen schnell mit LLMs (Large Language Models) verbunden werden, sodass die von Ihnen erstellten Tools intelligenter werden."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/agent.png",alt:"Agent"})}),"\n",(0,t.jsx)(n.h2,{id:"abschlie\xdfend",children:"Abschlie\xdfend"}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass ILLA Cloud Ihnen dabei helfen kann, verschiedene Tools schnell zu erstellen, damit Sie sich auf die Entwicklung von Gesch\xe4ftslogik konzentrieren k\xf6nnen. ILLA Cloud befindet sich derzeit in der Beta-Phase, und wir sammeln aktiv Feedback von Benutzern. Wenn Sie Fragen oder Anregungen haben, z\xf6gern Sie bitte nicht, mich zu kontaktieren."}),"\n",(0,t.jsx)(n.p,{children:"Ich hoffe, dass jeder Ingenieur effizient arbeiten kann, ohne sich mit bestimmten Frontend-Aufgaben herumschlagen zu m\xfcssen."})]})}function u(e={}){const{wrapper:n}={...(0,l.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>s});var t=i(959);const l={},r=t.createContext(l);function s(e){const n=t.useContext(r);return t.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(l):e.components||l:s(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/539718c6.b872f122.js b/de/assets/js/539718c6.b872f122.js
new file mode 100644
index 0000000000..b4eb6e8a8e
--- /dev/null
+++ b/de/assets/js/539718c6.b872f122.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8514],{5427:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>d});var a=o(1527),t=o(7214);const l={slug:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},i=void 0,s={permalink:"/illa-website/de/blog/internal-tool",source:"@site/blog/popular-tool/popular-tool.md",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",date:"2024-01-19T12:00:00.000Z",formattedDate:"19. 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:2.825,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:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},unlisted:!1,prevItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},nextItem:{title:"Erstellen Sie KI-Tools wie das Bauen mit Bausteinen",permalink:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen"},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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"What is Internal Tools",id:"what-is-internal-tools",level:2},{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.p,{children:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends, and AI tools. As an open-source low-code platform, using ILLA Cloud to create internal tools is a very good choice."}),"\n",(0,a.jsx)(n.h2,{id:"what-is-internal-tools",children:"What is Internal Tools"}),"\n",(0,a.jsx)(n.p,{children:"Internal Tools refer to tools used within a team, including but not limited to various data dashboards, admin panels, etc. These tools can help the team better manage business operations and improve work efficiency. Tools drive the team's efficiency, and Internal Tools are an important part of these tools."}),"\n",(0,a.jsx)(n.p,{children:"Every team needs to create a large number of non-standardized Internal Tools based on their own needs, making their team more efficient in managing business operations and data-driven decision-making."}),"\n",(0,a.jsx)(n.p,{children:"Regardless of whether it's a large or small company, Internal Tools are very important, and each company's Internal Tools are different. Therefore, a flexible tool is needed to create Internal Tools."}),"\n",(0,a.jsx)(n.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(n.p,{children:["Github: ",(0,a.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(n.p,{children:["Official Website: ",(0,a.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,a.jsx)(n.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(n.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(n.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(n.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(n.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(n.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(n.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(n.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(n.p,{children:"For instance:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(n.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(n.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(n.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(n.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/connector.png",alt:"connector"})}),"\n",(0,a.jsx)(n.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(n.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(n.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(n.p,{children:"If you are choosing an open-source low-code platform, ILLA Cloud is an excellent option. It can help you quickly build Internal Tools, enhancing your team's work efficiency."}),"\n",(0,a.jsx)(n.p,{children:"Finally, it is hoped that every team can use Internal Tools to drive their business growth and build the most efficient team."})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>s,a:()=>i});var a=o(959);const t={},l=a.createContext(t);function i(e){const n=a.useContext(l);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:i(e.components),a.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/539718c6.ecc4739c.js b/de/assets/js/539718c6.ecc4739c.js
deleted file mode 100644
index 45fb681157..0000000000
--- a/de/assets/js/539718c6.ecc4739c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8514],{5427:(e,n,a)=>{a.r(n),a.d(n,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>d});var o=a(1527),t=a(7214);const l={slug:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},i=void 0,s={permalink:"/illa-website/de/blog/internal-tool",source:"@site/blog/popular-tool/popular-tool.md",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",date:"2024-01-19T12:00:00.000Z",formattedDate:"19. 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:2.825,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:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},unlisted:!1,prevItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},nextItem:{title:"Erstellen Sie KI-Tools wie das Bauen mit Bausteinen",permalink:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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."',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-03T10:00:00.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.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"What is Internal Tools",id:"what-is-internal-tools",level:2},{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.p,{children:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends, and AI tools. As an open-source low-code platform, using ILLA Cloud to create internal tools is a very good choice."}),"\n",(0,o.jsx)(n.h2,{id:"what-is-internal-tools",children:"What is Internal Tools"}),"\n",(0,o.jsx)(n.p,{children:"Internal Tools refer to tools used within a team, including but not limited to various data dashboards, admin panels, etc. These tools can help the team better manage business operations and improve work efficiency. Tools drive the team's efficiency, and Internal Tools are an important part of these tools."}),"\n",(0,o.jsx)(n.p,{children:"Every team needs to create a large number of non-standardized Internal Tools based on their own needs, making their team more efficient in managing business operations and data-driven decision-making."}),"\n",(0,o.jsx)(n.p,{children:"Regardless of whether it's a large or small company, Internal Tools are very important, and each company's Internal Tools are different. Therefore, a flexible tool is needed to create Internal Tools."}),"\n",(0,o.jsx)(n.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,o.jsxs)(n.p,{children:["Github: ",(0,o.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,o.jsxs)(n.p,{children:["Official Website: ",(0,o.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,o.jsx)(n.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,o.jsx)(n.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,o.jsx)(n.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"AI text-to-image panel"}),"\n",(0,o.jsx)(n.li,{children:"AI voice processing panel"}),"\n",(0,o.jsx)(n.li,{children:"Data analysis panel"}),"\n",(0,o.jsx)(n.li,{children:"Content management CMS"}),"\n",(0,o.jsx)(n.li,{children:"Custom CRM"}),"\n",(0,o.jsx)(n.li,{children:"Management backend"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,o.jsx)(n.p,{children:"For instance:"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,o.jsx)(n.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,o.jsx)(n.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,o.jsx)(n.li,{children:"Building CI/CD reporting systems"}),"\n",(0,o.jsx)(n.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/connector.png",alt:"connector"})}),"\n",(0,o.jsx)(n.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,o.jsx)(n.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/team.gif",alt:"collabration"})}),"\n",(0,o.jsx)(n.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/resource.png",alt:"resource"})}),"\n",(0,o.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,o.jsx)(n.p,{children:"If you are choosing an open-source low-code platform, ILLA Cloud is an excellent option. It can help you quickly build Internal Tools, enhancing your team's work efficiency."}),"\n",(0,o.jsx)(n.p,{children:"Finally, it is hoped that every team can use Internal Tools to drive their business growth and build the most efficient team."})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(c,{...e})}):c(e)}},7214:(e,n,a)=>{a.d(n,{Z:()=>s,a:()=>i});var o=a(959);const t={},l=o.createContext(t);function i(e){const n=o.useContext(l);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:i(e.components),o.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5a8d0967.f0d4f895.js b/de/assets/js/5a8d0967.9623d031.js
similarity index 93%
rename from de/assets/js/5a8d0967.f0d4f895.js
rename to de/assets/js/5a8d0967.9623d031.js
index ca0e707d6f..6fe6337262 100644
--- a/de/assets/js/5a8d0967.f0d4f895.js
+++ b/de/assets/js/5a8d0967.9623d031.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4359],{841:e=>{e.exports=JSON.parse('[{"label":"typescript","permalink":"/illa-website/de/blog/tags/typescript","count":1},{"label":"workflow","permalink":"/illa-website/de/blog/tags/workflow","count":3},{"label":"B\xfcrgerentwickler","permalink":"/illa-website/de/blog/tags/burgerentwickler","count":1},{"label":"B\xfcrgerentwicklung","permalink":"/illa-website/de/blog/tags/burgerentwicklung","count":1},{"label":"B\xfcrgerentwicklungs-Tool","permalink":"/illa-website/de/blog/tags/burgerentwicklungs-tool","count":1},{"label":"tooljet","permalink":"/illa-website/de/blog/tags/tooljet","count":3},{"label":"appsmith","permalink":"/illa-website/de/blog/tags/appsmith","count":3},{"label":"retool","permalink":"/illa-website/de/blog/tags/retool","count":3},{"label":"nvm","permalink":"/illa-website/de/blog/tags/nvm","count":3},{"label":"nodejs","permalink":"/illa-website/de/blog/tags/nodejs","count":3},{"label":"mac","permalink":"/illa-website/de/blog/tags/mac","count":3},{"label":"javascript","permalink":"/illa-website/de/blog/tags/javascript","count":5},{"label":"ki","permalink":"/illa-website/de/blog/tags/ki","count":1},{"label":"werkzeuge","permalink":"/illa-website/de/blog/tags/werkzeuge","count":1},{"label":"Slack","permalink":"/illa-website/de/blog/tags/slack","count":1},{"label":"Automatisierung","permalink":"/illa-website/de/blog/tags/automatisierung","count":1},{"label":"freelancer","permalink":"/illa-website/de/blog/tags/freelancer","count":1},{"label":"freiberuflich","permalink":"/illa-website/de/blog/tags/freiberuflich","count":1},{"label":"upwork","permalink":"/illa-website/de/blog/tags/upwork","count":1},{"label":"fiverr","permalink":"/illa-website/de/blog/tags/fiverr","count":1},{"label":"database","permalink":"/illa-website/de/blog/tags/database","count":1},{"label":"gui","permalink":"/illa-website/de/blog/tags/gui","count":2},{"label":"tools","permalink":"/illa-website/de/blog/tags/tools","count":3},{"label":"crud","permalink":"/illa-website/de/blog/tags/crud","count":1},{"label":"low code","permalink":"/illa-website/de/blog/tags/low-code","count":4},{"label":"Core-App-Dashboard","permalink":"/illa-website/de/blog/tags/core-app-dashboard","count":1},{"label":"low code crm","permalink":"/illa-website/de/blog/tags/low-code-crm","count":1},{"label":"interne Tools","permalink":"/illa-website/de/blog/tags/interne-tools","count":1},{"label":"Daten-Dashboard","permalink":"/illa-website/de/blog/tags/daten-dashboard","count":1},{"label":"Admin-Panel","permalink":"/illa-website/de/blog/tags/admin-panel","count":1},{"label":"traditionelle Entwicklung","permalink":"/illa-website/de/blog/tags/traditionelle-entwicklung","count":1},{"label":"JavaScript","permalink":"/illa-website/de/blog/tags/java-script","count":1},{"label":"UI Library","permalink":"/illa-website/de/blog/tags/ui-library","count":1},{"label":"Shadcn UI","permalink":"/illa-website/de/blog/tags/shadcn-ui","count":3},{"label":"React","permalink":"/illa-website/de/blog/tags/react","count":3},{"label":"UI-Bibliothek","permalink":"/illa-website/de/blog/tags/ui-bibliothek","count":1},{"label":"open-source","permalink":"/illa-website/de/blog/tags/open-source","count":1},{"label":"data dashboard","permalink":"/illa-website/de/blog/tags/data-dashboard","count":1},{"label":"redis","permalink":"/illa-website/de/blog/tags/redis","count":1}]')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4359],{841:e=>{e.exports=JSON.parse('[{"label":"typescript","permalink":"/illa-website/de/blog/tags/typescript","count":1},{"label":"workflow","permalink":"/illa-website/de/blog/tags/workflow","count":3},{"label":"B\xfcrgerentwickler","permalink":"/illa-website/de/blog/tags/burgerentwickler","count":1},{"label":"B\xfcrgerentwicklung","permalink":"/illa-website/de/blog/tags/burgerentwicklung","count":1},{"label":"B\xfcrgerentwicklungs-Tool","permalink":"/illa-website/de/blog/tags/burgerentwicklungs-tool","count":1},{"label":"tooljet","permalink":"/illa-website/de/blog/tags/tooljet","count":3},{"label":"appsmith","permalink":"/illa-website/de/blog/tags/appsmith","count":3},{"label":"retool","permalink":"/illa-website/de/blog/tags/retool","count":3},{"label":"nvm","permalink":"/illa-website/de/blog/tags/nvm","count":3},{"label":"nodejs","permalink":"/illa-website/de/blog/tags/nodejs","count":3},{"label":"mac","permalink":"/illa-website/de/blog/tags/mac","count":3},{"label":"javascript","permalink":"/illa-website/de/blog/tags/javascript","count":5},{"label":"ki","permalink":"/illa-website/de/blog/tags/ki","count":1},{"label":"werkzeuge","permalink":"/illa-website/de/blog/tags/werkzeuge","count":1},{"label":"Slack","permalink":"/illa-website/de/blog/tags/slack","count":1},{"label":"Automatisierung","permalink":"/illa-website/de/blog/tags/automatisierung","count":1},{"label":"freelancer","permalink":"/illa-website/de/blog/tags/freelancer","count":1},{"label":"freiberuflich","permalink":"/illa-website/de/blog/tags/freiberuflich","count":1},{"label":"upwork","permalink":"/illa-website/de/blog/tags/upwork","count":1},{"label":"fiverr","permalink":"/illa-website/de/blog/tags/fiverr","count":1},{"label":"database","permalink":"/illa-website/de/blog/tags/database","count":1},{"label":"gui","permalink":"/illa-website/de/blog/tags/gui","count":2},{"label":"tools","permalink":"/illa-website/de/blog/tags/tools","count":3},{"label":"crud","permalink":"/illa-website/de/blog/tags/crud","count":1},{"label":"low code","permalink":"/illa-website/de/blog/tags/low-code","count":4},{"label":"Core-App-Dashboard","permalink":"/illa-website/de/blog/tags/core-app-dashboard","count":1},{"label":"low code crm","permalink":"/illa-website/de/blog/tags/low-code-crm","count":1},{"label":"interne Tools","permalink":"/illa-website/de/blog/tags/interne-tools","count":1},{"label":"Daten-Dashboard","permalink":"/illa-website/de/blog/tags/daten-dashboard","count":2},{"label":"Admin-Panel","permalink":"/illa-website/de/blog/tags/admin-panel","count":1},{"label":"traditionelle Entwicklung","permalink":"/illa-website/de/blog/tags/traditionelle-entwicklung","count":1},{"label":"JavaScript","permalink":"/illa-website/de/blog/tags/java-script","count":1},{"label":"UI Library","permalink":"/illa-website/de/blog/tags/ui-library","count":1},{"label":"Shadcn UI","permalink":"/illa-website/de/blog/tags/shadcn-ui","count":3},{"label":"React","permalink":"/illa-website/de/blog/tags/react","count":3},{"label":"UI-Bibliothek","permalink":"/illa-website/de/blog/tags/ui-bibliothek","count":1},{"label":"open-source","permalink":"/illa-website/de/blog/tags/open-source","count":1},{"label":"redis","permalink":"/illa-website/de/blog/tags/redis","count":1}]')}}]);
\ No newline at end of file
diff --git a/de/assets/js/5d9e675f.0092fae5.js b/de/assets/js/5d9e675f.0092fae5.js
deleted file mode 100644
index 7ff37cbf53..0000000000
--- a/de/assets/js/5d9e675f.0092fae5.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5515],{1130:(e,n,a)=>{a.r(n),a.d(n,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>d});var o=a(1527),t=a(7214);const l={slug:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},i=void 0,s={permalink:"/illa-website/de/blog/internal-tool",source:"@site/blog/popular-tool/popular-tool.md",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",date:"2024-01-19T12:00:00.000Z",formattedDate:"19. 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:2.825,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:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},unlisted:!1,prevItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},nextItem:{title:"Erstellen Sie KI-Tools wie das Bauen mit Bausteinen",permalink:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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."',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-03T10:00:00.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.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"What is Internal Tools",id:"what-is-internal-tools",level:2},{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.p,{children:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends, and AI tools. As an open-source low-code platform, using ILLA Cloud to create internal tools is a very good choice."}),"\n",(0,o.jsx)(n.h2,{id:"what-is-internal-tools",children:"What is Internal Tools"}),"\n",(0,o.jsx)(n.p,{children:"Internal Tools refer to tools used within a team, including but not limited to various data dashboards, admin panels, etc. These tools can help the team better manage business operations and improve work efficiency. Tools drive the team's efficiency, and Internal Tools are an important part of these tools."}),"\n",(0,o.jsx)(n.p,{children:"Every team needs to create a large number of non-standardized Internal Tools based on their own needs, making their team more efficient in managing business operations and data-driven decision-making."}),"\n",(0,o.jsx)(n.p,{children:"Regardless of whether it's a large or small company, Internal Tools are very important, and each company's Internal Tools are different. Therefore, a flexible tool is needed to create Internal Tools."}),"\n",(0,o.jsx)(n.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,o.jsxs)(n.p,{children:["Github: ",(0,o.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,o.jsxs)(n.p,{children:["Official Website: ",(0,o.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,o.jsx)(n.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,o.jsx)(n.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,o.jsx)(n.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"AI text-to-image panel"}),"\n",(0,o.jsx)(n.li,{children:"AI voice processing panel"}),"\n",(0,o.jsx)(n.li,{children:"Data analysis panel"}),"\n",(0,o.jsx)(n.li,{children:"Content management CMS"}),"\n",(0,o.jsx)(n.li,{children:"Custom CRM"}),"\n",(0,o.jsx)(n.li,{children:"Management backend"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,o.jsx)(n.p,{children:"For instance:"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,o.jsx)(n.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,o.jsx)(n.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,o.jsx)(n.li,{children:"Building CI/CD reporting systems"}),"\n",(0,o.jsx)(n.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/connector.png",alt:"connector"})}),"\n",(0,o.jsx)(n.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,o.jsx)(n.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/team.gif",alt:"collabration"})}),"\n",(0,o.jsx)(n.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/resource.png",alt:"resource"})}),"\n",(0,o.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,o.jsx)(n.p,{children:"If you are choosing an open-source low-code platform, ILLA Cloud is an excellent option. It can help you quickly build Internal Tools, enhancing your team's work efficiency."}),"\n",(0,o.jsx)(n.p,{children:"Finally, it is hoped that every team can use Internal Tools to drive their business growth and build the most efficient team."})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(c,{...e})}):c(e)}},7214:(e,n,a)=>{a.d(n,{Z:()=>s,a:()=>i});var o=a(959);const t={},l=o.createContext(t);function i(e){const n=o.useContext(l);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:i(e.components),o.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5d9e675f.3cfe32b9.js b/de/assets/js/5d9e675f.3cfe32b9.js
new file mode 100644
index 0000000000..d99a92e2a7
--- /dev/null
+++ b/de/assets/js/5d9e675f.3cfe32b9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5515],{1130:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>d});var a=o(1527),t=o(7214);const l={slug:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},i=void 0,s={permalink:"/illa-website/de/blog/internal-tool",source:"@site/blog/popular-tool/popular-tool.md",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",date:"2024-01-19T12:00:00.000Z",formattedDate:"19. 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:2.825,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:"internal-tool",title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/internal-tool/cover.webp",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-19T12:00"},unlisted:!1,prevItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},nextItem:{title:"Erstellen Sie KI-Tools wie das Bauen mit Bausteinen",permalink:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen"},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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"What is Internal Tools",id:"what-is-internal-tools",level:2},{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.p,{children:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends, and AI tools. As an open-source low-code platform, using ILLA Cloud to create internal tools is a very good choice."}),"\n",(0,a.jsx)(n.h2,{id:"what-is-internal-tools",children:"What is Internal Tools"}),"\n",(0,a.jsx)(n.p,{children:"Internal Tools refer to tools used within a team, including but not limited to various data dashboards, admin panels, etc. These tools can help the team better manage business operations and improve work efficiency. Tools drive the team's efficiency, and Internal Tools are an important part of these tools."}),"\n",(0,a.jsx)(n.p,{children:"Every team needs to create a large number of non-standardized Internal Tools based on their own needs, making their team more efficient in managing business operations and data-driven decision-making."}),"\n",(0,a.jsx)(n.p,{children:"Regardless of whether it's a large or small company, Internal Tools are very important, and each company's Internal Tools are different. Therefore, a flexible tool is needed to create Internal Tools."}),"\n",(0,a.jsx)(n.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(n.p,{children:["Github: ",(0,a.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(n.p,{children:["Official Website: ",(0,a.jsx)(n.a,{href:"https://illacloud.com",children:"https://illacloud.com"})]}),"\n",(0,a.jsx)(n.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(n.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(n.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(n.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(n.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(n.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(n.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(n.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(n.p,{children:"For instance:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(n.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(n.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(n.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(n.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/connector.png",alt:"connector"})}),"\n",(0,a.jsx)(n.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(n.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(n.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/internal-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(n.p,{children:"If you are choosing an open-source low-code platform, ILLA Cloud is an excellent option. It can help you quickly build Internal Tools, enhancing your team's work efficiency."}),"\n",(0,a.jsx)(n.p,{children:"Finally, it is hoped that every team can use Internal Tools to drive their business growth and build the most efficient team."})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>s,a:()=>i});var a=o(959);const t={},l=a.createContext(t);function i(e){const n=a.useContext(l);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:i(e.components),a.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5f723015.7e7c79d7.js b/de/assets/js/5f723015.7e7c79d7.js
new file mode 100644
index 0000000000..66e54bad36
--- /dev/null
+++ b/de/assets/js/5f723015.7e7c79d7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4300],{4670:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>o});var t=i(1527),r=i(7214);const s={slug:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},a=void 0,d={permalink:"/illa-website/de/blog/core-app-dashboard-2",source:"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"Core-App-Dashboard",permalink:"/illa-website/de/blog/tags/core-app-dashboard"}],readingTime:7.535,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:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},nextItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},relatedPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},o=[{value:"Was ist das Kern-App-Dashboard?",id:"was-ist-das-kern-app-dashboard",level:2},{value:"Warum sollten wir die Core Dash-App verwenden?",id:"warum-sollten-wir-die-core-dash-app-verwenden",level:2},{value:"Funktionen des Core-App-Dashboards",id:"funktionen-des-core-app-dashboards",level:2},{value:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?",id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",level:2},{value:"Schritt 1: Einstieg mit ILLA Cloud",id:"schritt-1-einstieg-mit-illa-cloud",level:3},{value:"Schritt 2: Erstellen eines neuen Projekts",id:"schritt-2-erstellen-eines-neuen-projekts",level:3},{value:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che",id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",level:3},{value:"Schritt 4: Integration von Datenquellen",id:"schritt-4-integration-von-datenquellen",level:3},{value:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows",id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",level:3},{value:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen",id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",level:3},{value:"Schritt 7: Testen und Bereitstellung",id:"schritt-7-testen-und-bereitstellung",level:3},{value:"Fazit",id:"fazit",level:2}];function u(e){const n={h2:"h2",h3:"h3",img:"img",p:"p",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-das-kern-app-dashboard",children:"Was ist das Kern-App-Dashboard?"}),"\n",(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Denken Sie daran wie das Armaturenbrett in einem Auto \u2013 es zeigt dem Fahrer alle wesentlichen Daten auf einen Blick und gew\xe4hrleistet eine effiziente Navigation und Fahrzeugleistung. Ebenso bietet ein Core-App-Dashboard dasselbe, jedoch f\xfcr den Anwendungsbereich."}),"\n",(0,t.jsx)(n.h2,{id:"warum-sollten-wir-die-core-dash-app-verwenden",children:"Warum sollten wir die Core Dash-App verwenden?"}),"\n",(0,t.jsx)(n.p,{children:"Die Verwendung von Core Dash-Apps, oder allgemeiner bekannt als Kern-Dashboard-Anwendungen, hat in der heutigen technologiegetriebenen Welt zunehmend an Bedeutung gewonnen. Diese Dashboards spielen eine entscheidende Rolle bei der Vereinfachung komplexer Prozesse, der Bereitstellung von Einblicken und der Verbesserung der Benutzererfahrung. Hier sind Gr\xfcnde, warum Sie in Betracht ziehen sollten, eine Core Dash-App zu verwenden:"}),"\n",(0,t.jsx)(n.p,{children:"Zentrale Steuerung: Eine Kern-Dashboard-Anwendung bietet eine einheitliche Plattform, auf der Benutzer auf verschiedene Funktionen und Features einer Anwendung zugreifen, diese \xfcberwachen und steuern k\xf6nnen. Diese Zentralisierung minimiert die Notwendigkeit, zwischen verschiedenen Schnittstellen zu wechseln, was die Effizienz steigert."}),"\n",(0,t.jsx)(n.p,{children:"Echtzeit-Datenvisualisierung: Dashboards bieten eine Echtzeit-Datenvisualisierung, die es Benutzern erm\xf6glicht, den aktuellen Status, Trends und Leistungsmetriken schnell zu erfassen. Dies kann bei der schnellen Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Verbesserte Benutzererfahrung: Ein gut gestaltetes Dashboard bietet eine intuitive Benutzeroberfl\xe4che, die es Benutzern erleichtert, zu navigieren und auf die ben\xf6tigten Informationen zuzugreifen. Dies tr\xe4gt zu einer nahtlosen und verbesserten Benutzererfahrung bei."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Core Dash-Apps k\xf6nnen oft an spezifische Anforderungen angepasst werden. Benutzer k\xf6nnen Ansichten, Metriken und sogar das Layout nach ihren Vorlieben oder Aufgabenfunktionen anpassen."}),"\n",(0,t.jsx)(n.p,{children:"Steigerung der Produktivit\xe4t: Durch die Konsolidierung wesentlicher Daten und Funktionen an einem Ort reduzieren Dashboards die Zeit, die f\xfcr die Suche nach Informationen aufgewendet wird, was zu einer Steigerung der Produktivit\xe4t f\xfchrt."}),"\n",(0,t.jsx)(n.p,{children:"Integrierte Analytik: Viele Core Dash-Apps verf\xfcgen \xfcber integrierte Analysetools, die Einblicke in das Benutzerverhalten, die Leistung der Anwendung und andere wichtige Metriken bieten. Diese Daten k\xf6nnen von unsch\xe4tzbarem Wert sein, um Wachstum und Optimierung voranzutreiben."}),"\n",(0,t.jsx)(n.p,{children:"Sicherheit: Dashboards k\xf6nnen robuste Sicherheitsfunktionen bieten, einschlie\xdflich Benutzerzugriffskontrollen, Verschl\xfcsselung und Protokollierung. Dies stellt sicher, dass sensible Daten gesch\xfctzt und nur autorisierten Benutzern zug\xe4nglich sind."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenarbeit: Einige Dashboards verf\xfcgen \xfcber kollaborative Tools, die Teams effektiver zusammenarbeiten lassen, Einblicke teilen und nahtlos innerhalb der Plattform kommunizieren k\xf6nnen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit dem Wachstum von Organisationen k\xf6nnen ihre Daten und Prozesse komplexer werden. Core Dash-Apps sind darauf ausgelegt, skalierbar zu sein, um sicherzustellen, dass sie auch bei steigenden Anforderungen effektiv und effizient bleiben."}),"\n",(0,t.jsx)(n.p,{children:"Kosteneffizienz: Durch die Integration mehrerer Funktionen und Datenquellen in eine Plattform k\xf6nnen Dashboards die Notwendigkeit f\xfcr mehrere eigenst\xe4ndige Tools reduzieren. Diese Konsolidierung kann zu Kosteneinsparungen bei der Softwarebeschaffung und -schulung f\xfchren."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungen und Mitteilungen: Dashboards k\xf6nnen so eingerichtet werden, dass sie Benachrichtigungen basierend auf bestimmten Kriterien oder Schwellenwerten senden. Dies stellt sicher, dass Benutzer umgehend \xfcber wichtige Ereignisse oder \xc4nderungen informiert werden."}),"\n",(0,t.jsx)(n.p,{children:"Unterst\xfctzung f\xfcr Entscheidungsfindung: Mit allen relevanten Daten und Analysen zur Hand k\xf6nnen Entscheidungstr\xe4ger handlungsorientierte Erkenntnisse ableiten, die ihnen bei der Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend bietet eine Core Dash-App ein leistungsstarkes und umfassendes Werkzeug f\xfcr Unternehmen und Einzelpersonen gleicherma\xdfen. Ob es um \xdcberwachung, Analyse, Zusammenarbeit oder Entscheidungsfindung geht, diese Dashboards bieten eine Vielzahl von Vorteilen, die die Effizienz, Produktivit\xe4t und die gesamte Benutzererfahrung erheblich verbessern k\xf6nnen. Wenn Sie nach einer M\xf6glichkeit suchen, Daten zu konsolidieren, Einblicke zu gewinnen und die operative Effizienz zu verbessern, k\xf6nnte eine Core Dash-App die L\xf6sung sein, die Sie ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"funktionen-des-core-app-dashboards",children:"Funktionen des Core-App-Dashboards"}),"\n",(0,t.jsx)(n.p,{children:"W\xe4hrend die spezifischen Funktionen je nach Art der Anwendung unterschiedlich sein k\xf6nnen, wird allgemein erwartet, dass ein Core-App-Dashboard die folgenden Funktionen bietet:"}),"\n",(0,t.jsx)(n.p,{children:"Umfassende Analytik: Ein \xdcberblick \xfcber die Leistungsmetriken der Anwendung, die Benutzeraktivit\xe4t und andere entscheidende Daten, die es den Benutzern erm\xf6glichen, die App-Nutzung zu verstehen und zu optimieren."}),"\n",(0,t.jsx)(n.p,{children:"Benutzerverwaltung: Eine wichtige Funktion f\xfcr Multi-User-Plattformen, das Dashboard bietet Tools f\xfcr das nahtlose Management von Benutzern \u2013 erm\xf6glicht Hinzuf\xfcgungen, \xc4nderungen, L\xf6schungen und Rollendefinitionen."}),"\n",(0,t.jsx)(n.p,{children:"Konfigurationssteuerungen: Ob \xc4nderung der Optik der Benutzeroberfl\xe4che oder Anpassung der Backend-Mechanik der Anwendung, das Dashboard erm\xf6glicht eine intuitive, zentralisierte Steuerung verschiedener Einstellungen."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungszentrale: Dies konsolidiert alle Benachrichtigungen und stellt sicher, dass Benutzer keine wichtigen Updates, Nachrichten oder Aufgaben verpassen."}),"\n",(0,t.jsx)(n.p,{children:"Aufgabenverwaltung: Einige Dashboards integrieren Aufgabenverwaltungstools, um Benutzern die Zuweisung, Verfolgung und Verwaltung von Projekten und Verantwortlichkeiten zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Integration und Erweiterungen: Dashboards k\xf6nnen Schnittstellen f\xfcr die Integration von Tools von Drittanbietern oder zur Erweiterung der F\xe4higkeiten der Anwendung bieten."}),"\n",(0,t.jsx)(n.p,{children:"Die Nutzung des Core-App-Dashboards: Was Sie beachten sollten"}),"\n",(0,t.jsx)(n.p,{children:"Die Potenziale eines Core-App-Dashboards auszusch\xf6pfen erfordert das Verst\xe4ndnis und die Ber\xfccksichtigung einiger wichtiger \xdcberlegungen:"}),"\n",(0,t.jsx)(n.p,{children:"Intuitives Design: Ein \xfcberladenes oder verwirrendes Dashboard kann Benutzer abschrecken. Die Gew\xe4hrleistung eines sauberen, intuitiven und benutzerfreundlichen Designs hat oberste Priorit\xe4t."}),"\n",(0,t.jsx)(n.p,{children:"Robuste Sicherheit: Angesichts der Kontrolle und Einblicke, die ein Dashboard bietet, darf die Sicherheit nicht gef\xe4hrdet werden. Regelm\xe4\xdfige Updates, starke Verschl\xfcsselung und Zwei-Faktor-Authentifizierung k\xf6nnen die Sicherheit erh\xf6hen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit der Weiterentwicklung von Anwendungen sollten sich Dashboards entsprechend skalieren. Dies umfasst die Aufnahme zus\xe4tzlicher Daten, Benutzer und Funktionen."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Jede Organisation oder jeder Benutzer hat einzigartige Anforderungen. Das Angebot von Anpassungsoptionen stellt sicher, dass das Dashboard relevant und effektiv bleibt."}),"\n",(0,t.jsx)(n.p,{children:"Regelm\xe4\xdfige Updates: Die digitale Welt ist dynamisch. Dashboards sollten regelm\xe4\xdfig aktualisiert werden, um neue Funktionen zu integrieren, Fehler zu beheben und die Leistung zu verbessern."}),"\n",(0,t.jsx)(n.h2,{id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",children:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?"}),"\n",(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden digitalen Welt ist die F\xe4higkeit, Daten schnell zu visualisieren und darauf zu reagieren, entscheidend. Ein gut strukturiertes Kern-App-Dashboard kann Ihr zentrales Hub f\xfcr alle wichtigen Informationen sein. In Kombination mit der innovativen Leistungsf\xe4higkeit von ILLA Cloud kann Ihr Dashboard nicht nur funktional, sondern auch transformierend sein. Hier ist, wie Sie sich auf diese transformierende Reise begeben k\xf6nnen:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h3,{id:"schritt-1-einstieg-mit-illa-cloud",children:"Schritt 1: Einstieg mit ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Ihr erster Anlaufpunkt ist die offizielle Website von ILLA Cloud. Registrieren Sie sich und erstellen Sie ein Konto. Mit diesem Schritt \xf6ffnen Sie das Tor zu einem Dashboard mit Tools, die auf die intuitive Anwendungsentwicklung zugeschnitten sind."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-2-erstellen-eines-neuen-projekts",children:"Schritt 2: Erstellen eines neuen Projekts"}),"\n",(0,t.jsx)(n.p,{children:'Finden Sie die Schaltfl\xe4che "Neues Projekt erstellen"? Klicken Sie darauf. Benennen Sie nun Ihr Projekt und f\xfcgen Sie eine Beschreibung hinzu. Angesichts unseres Fokus m\xf6chten Sie wahrscheinlich ein Kern-App-Dashboard als Ihren Projekttyp ausw\xe4hlen.'}),"\n",(0,t.jsx)(n.h3,{id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",children:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che"}),"\n",(0,t.jsx)(n.p,{children:"Nutzen Sie die St\xe4rke der Low-Code-Umgebung von ILLA Cloud. Das Erstellen einer Benutzeroberfl\xe4che wird zum Kinderspiel. Ob es sich um Schaltfl\xe4chen, Diagramme oder Widgets handelt, positionieren Sie sie nach Ihren W\xfcnschen und verleihen Sie ihnen ein Erscheinungsbild, das zu Ihrer Markenidentit\xe4t passt."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-4-integration-von-datenquellen",children:"Schritt 4: Integration von Datenquellen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud erleichtert die Datenintegration. Mit dem No-Code-API-Connector k\xf6nnen Sie Daten nahtlos aus verschiedenen Datenbanken, vielseitigen externen APIs oder einfachen Tabellenkalkulationen abrufen. Ihr Dashboard ist jetzt mit Echtzeitdaten gef\xfcllt. ILLA Cloud unterst\xfctzt eine Vielzahl von Datenquellen, um sicherzustellen, dass sie eine breite Palette von Gesch\xe4ftsanforderungen erf\xfcllt. Zum Beispiel:"}),"\n",(0,t.jsx)(n.p,{children:"Airtable: Bekannt f\xfcr seine Hybridfunktionen von Tabellenkalkulationen und Datenbanken, k\xf6nnen Unternehmen Airtables strukturierte Daten mit ILLA Cloud nutzen."}),"\n",(0,t.jsx)(n.p,{children:"Google Sheets: Viele Organisationen nutzen Google Sheets aufgrund seiner Kollaborationsfunktionen. Integrieren Sie diese Tabellen direkt in Ihr Dashboard f\xfcr einen effizienten Workflow."}),"\n",(0,t.jsx)(n.p,{children:"MySQL & PostgreSQL: Diese beliebten relationalen Datenbankverwaltungssysteme speichern gro\xdfe Mengen strukturierter Daten. Die Connector von ILLA Cloud stellen sicher, dass diese Daten nahtlos visualisiert werden k\xf6nnen."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",children:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows"}),"\n",(0,t.jsx)(n.p,{children:"Genauigkeit ist entscheidend. Mit den Datenautomatisierungs-Workflows von ILLA Cloud und der robusten Event-Handler-Funktion geh\xf6ren Inkonsistenzen der Vergangenheit an. Stellen Sie die B\xfchne f\xfcr eine akribische Datenvalidierung, passende Transformationen und synchronisierte Updates. Der Event Handler fungiert als Event-Verarbeitungsfunktion und erm\xf6glicht es Ihnen, dynamische Ausl\xf6semechanismen im Workflow zu erstellen. Kurz gesagt, seine Logik basiert auf dem Prinzip 'Wenn etwas passiert, wird etwas anderes passieren'. Dies stellt sicher, dass Ihr Dashboard immer in Echtzeit reagiert und die absolute Wahrheit widerspiegelt.\""}),"\n",(0,t.jsx)(n.p,{children:"Diese \xdcberarbeitung betont die Bedeutung des Event Handlers im Kontext der Gew\xe4hrleistung von Datenqualit\xe4t und Echtzeit-Reaktionsf\xe4higkeit."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",children:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen"}),"\n",(0,t.jsx)(n.p,{children:"Routineaufgaben k\xf6nnen automatisiert werden. Lassen Sie die Betriebsautomatisierungsfunktionen von ILLA Cloud das Ruder \xfcbernehmen. Entwerfen Sie Workflows, die proaktiv sind und Aktionen basierend auf festgelegten Kriterien initiieren. Das Ergebnis? Eine Reduzierung manueller Aufgaben und eine Steigerung der Gesamteffizienz."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-7-testen-und-bereitstellung",children:"Schritt 7: Testen und Bereitstellung"}),"\n",(0,t.jsx)(n.p,{children:"Bevor Sie Ihr Meisterwerk enth\xfcllen, testen Sie es. Verwenden Sie die ILLA Cloud-Umgebung, um sicherzustellen, dass jedes R\xe4dchen in Ihrer Dashboard-Maschine reibungslos l\xe4uft. Sobald Sie mit seiner Leistung zufrieden sind, implementieren Sie Ihr Dashboard in die gew\xfcnschte Umgebung und lassen Sie Ihre Stakeholder an seinen F\xe4higkeiten teilhaben."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Das Erstellen eines Kern-App-Dashboards mag auf den ersten Blick einsch\xfcchternd wirken, aber mit ILLA Cloud ist es vergleichbar mit dem Weben einer Geschichte - mit Daten als Ihrer Sprache. Diese Anleitung legte einen strukturierten Weg fest, der Sie von der Initiierung bis zur Bereitstellung f\xfchrt und sicherstellt, dass Ihre Reise nahtlos verl\xe4uft. Das Kern-App-Dashboard, das Sie mit ILLA Cloud erstellen, wird nicht nur ein Datenrepository sein, sondern ein Zentrum f\xfcr Erkenntnisse, das informierte Entscheidungen f\xf6rdert und Wachstum unterst\xfctzt. Tauchen Sie in die Welt von ILLA Cloud ein und machen Sie die App-Entwicklung zu einer Erfahrung, nicht nur zu einer Aufgabe."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>a});var t=i(959);const r={},s=t.createContext(r);function a(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5f723015.96dd5ad6.js b/de/assets/js/5f723015.96dd5ad6.js
deleted file mode 100644
index 3481e153e9..0000000000
--- a/de/assets/js/5f723015.96dd5ad6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4300],{4670:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>o});var t=i(1527),r=i(7214);const s={slug:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},a=void 0,d={permalink:"/illa-website/de/blog/core-app-dashboard-2",source:"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"Core-App-Dashboard",permalink:"/illa-website/de/blog/tags/core-app-dashboard"}],readingTime:7.535,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:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},nextItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},relatedPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},l={authorsImageUrls:[void 0]},o=[{value:"Was ist das Kern-App-Dashboard?",id:"was-ist-das-kern-app-dashboard",level:2},{value:"Warum sollten wir die Core Dash-App verwenden?",id:"warum-sollten-wir-die-core-dash-app-verwenden",level:2},{value:"Funktionen des Core-App-Dashboards",id:"funktionen-des-core-app-dashboards",level:2},{value:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?",id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",level:2},{value:"Schritt 1: Einstieg mit ILLA Cloud",id:"schritt-1-einstieg-mit-illa-cloud",level:3},{value:"Schritt 2: Erstellen eines neuen Projekts",id:"schritt-2-erstellen-eines-neuen-projekts",level:3},{value:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che",id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",level:3},{value:"Schritt 4: Integration von Datenquellen",id:"schritt-4-integration-von-datenquellen",level:3},{value:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows",id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",level:3},{value:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen",id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",level:3},{value:"Schritt 7: Testen und Bereitstellung",id:"schritt-7-testen-und-bereitstellung",level:3},{value:"Fazit",id:"fazit",level:2}];function u(e){const n={h2:"h2",h3:"h3",img:"img",p:"p",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-das-kern-app-dashboard",children:"Was ist das Kern-App-Dashboard?"}),"\n",(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Denken Sie daran wie das Armaturenbrett in einem Auto \u2013 es zeigt dem Fahrer alle wesentlichen Daten auf einen Blick und gew\xe4hrleistet eine effiziente Navigation und Fahrzeugleistung. Ebenso bietet ein Core-App-Dashboard dasselbe, jedoch f\xfcr den Anwendungsbereich."}),"\n",(0,t.jsx)(n.h2,{id:"warum-sollten-wir-die-core-dash-app-verwenden",children:"Warum sollten wir die Core Dash-App verwenden?"}),"\n",(0,t.jsx)(n.p,{children:"Die Verwendung von Core Dash-Apps, oder allgemeiner bekannt als Kern-Dashboard-Anwendungen, hat in der heutigen technologiegetriebenen Welt zunehmend an Bedeutung gewonnen. Diese Dashboards spielen eine entscheidende Rolle bei der Vereinfachung komplexer Prozesse, der Bereitstellung von Einblicken und der Verbesserung der Benutzererfahrung. Hier sind Gr\xfcnde, warum Sie in Betracht ziehen sollten, eine Core Dash-App zu verwenden:"}),"\n",(0,t.jsx)(n.p,{children:"Zentrale Steuerung: Eine Kern-Dashboard-Anwendung bietet eine einheitliche Plattform, auf der Benutzer auf verschiedene Funktionen und Features einer Anwendung zugreifen, diese \xfcberwachen und steuern k\xf6nnen. Diese Zentralisierung minimiert die Notwendigkeit, zwischen verschiedenen Schnittstellen zu wechseln, was die Effizienz steigert."}),"\n",(0,t.jsx)(n.p,{children:"Echtzeit-Datenvisualisierung: Dashboards bieten eine Echtzeit-Datenvisualisierung, die es Benutzern erm\xf6glicht, den aktuellen Status, Trends und Leistungsmetriken schnell zu erfassen. Dies kann bei der schnellen Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Verbesserte Benutzererfahrung: Ein gut gestaltetes Dashboard bietet eine intuitive Benutzeroberfl\xe4che, die es Benutzern erleichtert, zu navigieren und auf die ben\xf6tigten Informationen zuzugreifen. Dies tr\xe4gt zu einer nahtlosen und verbesserten Benutzererfahrung bei."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Core Dash-Apps k\xf6nnen oft an spezifische Anforderungen angepasst werden. Benutzer k\xf6nnen Ansichten, Metriken und sogar das Layout nach ihren Vorlieben oder Aufgabenfunktionen anpassen."}),"\n",(0,t.jsx)(n.p,{children:"Steigerung der Produktivit\xe4t: Durch die Konsolidierung wesentlicher Daten und Funktionen an einem Ort reduzieren Dashboards die Zeit, die f\xfcr die Suche nach Informationen aufgewendet wird, was zu einer Steigerung der Produktivit\xe4t f\xfchrt."}),"\n",(0,t.jsx)(n.p,{children:"Integrierte Analytik: Viele Core Dash-Apps verf\xfcgen \xfcber integrierte Analysetools, die Einblicke in das Benutzerverhalten, die Leistung der Anwendung und andere wichtige Metriken bieten. Diese Daten k\xf6nnen von unsch\xe4tzbarem Wert sein, um Wachstum und Optimierung voranzutreiben."}),"\n",(0,t.jsx)(n.p,{children:"Sicherheit: Dashboards k\xf6nnen robuste Sicherheitsfunktionen bieten, einschlie\xdflich Benutzerzugriffskontrollen, Verschl\xfcsselung und Protokollierung. Dies stellt sicher, dass sensible Daten gesch\xfctzt und nur autorisierten Benutzern zug\xe4nglich sind."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenarbeit: Einige Dashboards verf\xfcgen \xfcber kollaborative Tools, die Teams effektiver zusammenarbeiten lassen, Einblicke teilen und nahtlos innerhalb der Plattform kommunizieren k\xf6nnen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit dem Wachstum von Organisationen k\xf6nnen ihre Daten und Prozesse komplexer werden. Core Dash-Apps sind darauf ausgelegt, skalierbar zu sein, um sicherzustellen, dass sie auch bei steigenden Anforderungen effektiv und effizient bleiben."}),"\n",(0,t.jsx)(n.p,{children:"Kosteneffizienz: Durch die Integration mehrerer Funktionen und Datenquellen in eine Plattform k\xf6nnen Dashboards die Notwendigkeit f\xfcr mehrere eigenst\xe4ndige Tools reduzieren. Diese Konsolidierung kann zu Kosteneinsparungen bei der Softwarebeschaffung und -schulung f\xfchren."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungen und Mitteilungen: Dashboards k\xf6nnen so eingerichtet werden, dass sie Benachrichtigungen basierend auf bestimmten Kriterien oder Schwellenwerten senden. Dies stellt sicher, dass Benutzer umgehend \xfcber wichtige Ereignisse oder \xc4nderungen informiert werden."}),"\n",(0,t.jsx)(n.p,{children:"Unterst\xfctzung f\xfcr Entscheidungsfindung: Mit allen relevanten Daten und Analysen zur Hand k\xf6nnen Entscheidungstr\xe4ger handlungsorientierte Erkenntnisse ableiten, die ihnen bei der Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend bietet eine Core Dash-App ein leistungsstarkes und umfassendes Werkzeug f\xfcr Unternehmen und Einzelpersonen gleicherma\xdfen. Ob es um \xdcberwachung, Analyse, Zusammenarbeit oder Entscheidungsfindung geht, diese Dashboards bieten eine Vielzahl von Vorteilen, die die Effizienz, Produktivit\xe4t und die gesamte Benutzererfahrung erheblich verbessern k\xf6nnen. Wenn Sie nach einer M\xf6glichkeit suchen, Daten zu konsolidieren, Einblicke zu gewinnen und die operative Effizienz zu verbessern, k\xf6nnte eine Core Dash-App die L\xf6sung sein, die Sie ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"funktionen-des-core-app-dashboards",children:"Funktionen des Core-App-Dashboards"}),"\n",(0,t.jsx)(n.p,{children:"W\xe4hrend die spezifischen Funktionen je nach Art der Anwendung unterschiedlich sein k\xf6nnen, wird allgemein erwartet, dass ein Core-App-Dashboard die folgenden Funktionen bietet:"}),"\n",(0,t.jsx)(n.p,{children:"Umfassende Analytik: Ein \xdcberblick \xfcber die Leistungsmetriken der Anwendung, die Benutzeraktivit\xe4t und andere entscheidende Daten, die es den Benutzern erm\xf6glichen, die App-Nutzung zu verstehen und zu optimieren."}),"\n",(0,t.jsx)(n.p,{children:"Benutzerverwaltung: Eine wichtige Funktion f\xfcr Multi-User-Plattformen, das Dashboard bietet Tools f\xfcr das nahtlose Management von Benutzern \u2013 erm\xf6glicht Hinzuf\xfcgungen, \xc4nderungen, L\xf6schungen und Rollendefinitionen."}),"\n",(0,t.jsx)(n.p,{children:"Konfigurationssteuerungen: Ob \xc4nderung der Optik der Benutzeroberfl\xe4che oder Anpassung der Backend-Mechanik der Anwendung, das Dashboard erm\xf6glicht eine intuitive, zentralisierte Steuerung verschiedener Einstellungen."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungszentrale: Dies konsolidiert alle Benachrichtigungen und stellt sicher, dass Benutzer keine wichtigen Updates, Nachrichten oder Aufgaben verpassen."}),"\n",(0,t.jsx)(n.p,{children:"Aufgabenverwaltung: Einige Dashboards integrieren Aufgabenverwaltungstools, um Benutzern die Zuweisung, Verfolgung und Verwaltung von Projekten und Verantwortlichkeiten zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Integration und Erweiterungen: Dashboards k\xf6nnen Schnittstellen f\xfcr die Integration von Tools von Drittanbietern oder zur Erweiterung der F\xe4higkeiten der Anwendung bieten."}),"\n",(0,t.jsx)(n.p,{children:"Die Nutzung des Core-App-Dashboards: Was Sie beachten sollten"}),"\n",(0,t.jsx)(n.p,{children:"Die Potenziale eines Core-App-Dashboards auszusch\xf6pfen erfordert das Verst\xe4ndnis und die Ber\xfccksichtigung einiger wichtiger \xdcberlegungen:"}),"\n",(0,t.jsx)(n.p,{children:"Intuitives Design: Ein \xfcberladenes oder verwirrendes Dashboard kann Benutzer abschrecken. Die Gew\xe4hrleistung eines sauberen, intuitiven und benutzerfreundlichen Designs hat oberste Priorit\xe4t."}),"\n",(0,t.jsx)(n.p,{children:"Robuste Sicherheit: Angesichts der Kontrolle und Einblicke, die ein Dashboard bietet, darf die Sicherheit nicht gef\xe4hrdet werden. Regelm\xe4\xdfige Updates, starke Verschl\xfcsselung und Zwei-Faktor-Authentifizierung k\xf6nnen die Sicherheit erh\xf6hen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit der Weiterentwicklung von Anwendungen sollten sich Dashboards entsprechend skalieren. Dies umfasst die Aufnahme zus\xe4tzlicher Daten, Benutzer und Funktionen."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Jede Organisation oder jeder Benutzer hat einzigartige Anforderungen. Das Angebot von Anpassungsoptionen stellt sicher, dass das Dashboard relevant und effektiv bleibt."}),"\n",(0,t.jsx)(n.p,{children:"Regelm\xe4\xdfige Updates: Die digitale Welt ist dynamisch. Dashboards sollten regelm\xe4\xdfig aktualisiert werden, um neue Funktionen zu integrieren, Fehler zu beheben und die Leistung zu verbessern."}),"\n",(0,t.jsx)(n.h2,{id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",children:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?"}),"\n",(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden digitalen Welt ist die F\xe4higkeit, Daten schnell zu visualisieren und darauf zu reagieren, entscheidend. Ein gut strukturiertes Kern-App-Dashboard kann Ihr zentrales Hub f\xfcr alle wichtigen Informationen sein. In Kombination mit der innovativen Leistungsf\xe4higkeit von ILLA Cloud kann Ihr Dashboard nicht nur funktional, sondern auch transformierend sein. Hier ist, wie Sie sich auf diese transformierende Reise begeben k\xf6nnen:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h3,{id:"schritt-1-einstieg-mit-illa-cloud",children:"Schritt 1: Einstieg mit ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Ihr erster Anlaufpunkt ist die offizielle Website von ILLA Cloud. Registrieren Sie sich und erstellen Sie ein Konto. Mit diesem Schritt \xf6ffnen Sie das Tor zu einem Dashboard mit Tools, die auf die intuitive Anwendungsentwicklung zugeschnitten sind."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-2-erstellen-eines-neuen-projekts",children:"Schritt 2: Erstellen eines neuen Projekts"}),"\n",(0,t.jsx)(n.p,{children:'Finden Sie die Schaltfl\xe4che "Neues Projekt erstellen"? Klicken Sie darauf. Benennen Sie nun Ihr Projekt und f\xfcgen Sie eine Beschreibung hinzu. Angesichts unseres Fokus m\xf6chten Sie wahrscheinlich ein Kern-App-Dashboard als Ihren Projekttyp ausw\xe4hlen.'}),"\n",(0,t.jsx)(n.h3,{id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",children:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che"}),"\n",(0,t.jsx)(n.p,{children:"Nutzen Sie die St\xe4rke der Low-Code-Umgebung von ILLA Cloud. Das Erstellen einer Benutzeroberfl\xe4che wird zum Kinderspiel. Ob es sich um Schaltfl\xe4chen, Diagramme oder Widgets handelt, positionieren Sie sie nach Ihren W\xfcnschen und verleihen Sie ihnen ein Erscheinungsbild, das zu Ihrer Markenidentit\xe4t passt."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-4-integration-von-datenquellen",children:"Schritt 4: Integration von Datenquellen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud erleichtert die Datenintegration. Mit dem No-Code-API-Connector k\xf6nnen Sie Daten nahtlos aus verschiedenen Datenbanken, vielseitigen externen APIs oder einfachen Tabellenkalkulationen abrufen. Ihr Dashboard ist jetzt mit Echtzeitdaten gef\xfcllt. ILLA Cloud unterst\xfctzt eine Vielzahl von Datenquellen, um sicherzustellen, dass sie eine breite Palette von Gesch\xe4ftsanforderungen erf\xfcllt. Zum Beispiel:"}),"\n",(0,t.jsx)(n.p,{children:"Airtable: Bekannt f\xfcr seine Hybridfunktionen von Tabellenkalkulationen und Datenbanken, k\xf6nnen Unternehmen Airtables strukturierte Daten mit ILLA Cloud nutzen."}),"\n",(0,t.jsx)(n.p,{children:"Google Sheets: Viele Organisationen nutzen Google Sheets aufgrund seiner Kollaborationsfunktionen. Integrieren Sie diese Tabellen direkt in Ihr Dashboard f\xfcr einen effizienten Workflow."}),"\n",(0,t.jsx)(n.p,{children:"MySQL & PostgreSQL: Diese beliebten relationalen Datenbankverwaltungssysteme speichern gro\xdfe Mengen strukturierter Daten. Die Connector von ILLA Cloud stellen sicher, dass diese Daten nahtlos visualisiert werden k\xf6nnen."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",children:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows"}),"\n",(0,t.jsx)(n.p,{children:"Genauigkeit ist entscheidend. Mit den Datenautomatisierungs-Workflows von ILLA Cloud und der robusten Event-Handler-Funktion geh\xf6ren Inkonsistenzen der Vergangenheit an. Stellen Sie die B\xfchne f\xfcr eine akribische Datenvalidierung, passende Transformationen und synchronisierte Updates. Der Event Handler fungiert als Event-Verarbeitungsfunktion und erm\xf6glicht es Ihnen, dynamische Ausl\xf6semechanismen im Workflow zu erstellen. Kurz gesagt, seine Logik basiert auf dem Prinzip 'Wenn etwas passiert, wird etwas anderes passieren'. Dies stellt sicher, dass Ihr Dashboard immer in Echtzeit reagiert und die absolute Wahrheit widerspiegelt.\""}),"\n",(0,t.jsx)(n.p,{children:"Diese \xdcberarbeitung betont die Bedeutung des Event Handlers im Kontext der Gew\xe4hrleistung von Datenqualit\xe4t und Echtzeit-Reaktionsf\xe4higkeit."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",children:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen"}),"\n",(0,t.jsx)(n.p,{children:"Routineaufgaben k\xf6nnen automatisiert werden. Lassen Sie die Betriebsautomatisierungsfunktionen von ILLA Cloud das Ruder \xfcbernehmen. Entwerfen Sie Workflows, die proaktiv sind und Aktionen basierend auf festgelegten Kriterien initiieren. Das Ergebnis? Eine Reduzierung manueller Aufgaben und eine Steigerung der Gesamteffizienz."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-7-testen-und-bereitstellung",children:"Schritt 7: Testen und Bereitstellung"}),"\n",(0,t.jsx)(n.p,{children:"Bevor Sie Ihr Meisterwerk enth\xfcllen, testen Sie es. Verwenden Sie die ILLA Cloud-Umgebung, um sicherzustellen, dass jedes R\xe4dchen in Ihrer Dashboard-Maschine reibungslos l\xe4uft. Sobald Sie mit seiner Leistung zufrieden sind, implementieren Sie Ihr Dashboard in die gew\xfcnschte Umgebung und lassen Sie Ihre Stakeholder an seinen F\xe4higkeiten teilhaben."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Das Erstellen eines Kern-App-Dashboards mag auf den ersten Blick einsch\xfcchternd wirken, aber mit ILLA Cloud ist es vergleichbar mit dem Weben einer Geschichte - mit Daten als Ihrer Sprache. Diese Anleitung legte einen strukturierten Weg fest, der Sie von der Initiierung bis zur Bereitstellung f\xfchrt und sicherstellt, dass Ihre Reise nahtlos verl\xe4uft. Das Kern-App-Dashboard, das Sie mit ILLA Cloud erstellen, wird nicht nur ein Datenrepository sein, sondern ein Zentrum f\xfcr Erkenntnisse, das informierte Entscheidungen f\xf6rdert und Wachstum unterst\xfctzt. Tauchen Sie in die Welt von ILLA Cloud ein und machen Sie die App-Entwicklung zu einer Erfahrung, nicht nur zu einer Aufgabe."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>a});var t=i(959);const r={},s=t.createContext(r);function a(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5f78ec6a.9795037e.js b/de/assets/js/5f78ec6a.60c35669.js
similarity index 92%
rename from de/assets/js/5f78ec6a.9795037e.js
rename to de/assets/js/5f78ec6a.60c35669.js
index e98e57608a..6a3887db12 100644
--- a/de/assets/js/5f78ec6a.9795037e.js
+++ b/de/assets/js/5f78ec6a.60c35669.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var t=s(1527),o=s(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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},l=void 0,a={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."',date:"2024-01-03T10:00:00.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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},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 MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate.",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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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,o.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.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,t.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,t.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,t.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,t.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,t.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,t.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,t.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,t.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,t.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,t.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,t.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,t.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,t.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,t.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,t.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,t.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.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,t.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,o.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,s)=>{s.d(n,{Z:()=>a,a:()=>l});var t=s(959);const o={},i=t.createContext(o);function l(e){const n=t.useContext(i);return t.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(o):e.components||o:l(e.components),t.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,s)=>{s.r(n),s.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var t=s(1527),o=s(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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},l=void 0,a={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."',date:"2024-01-03T10:00:00.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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},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:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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,o.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.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,t.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,t.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,t.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,t.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,t.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,t.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,t.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,t.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,t.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,t.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,t.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,t.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,t.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,t.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,t.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,t.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.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,t.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,o.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,s)=>{s.d(n,{Z:()=>a,a:()=>l});var t=s(959);const o={},i=t.createContext(o);function l(e){const n=t.useContext(i);return t.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(o):e.components||o:l(e.components),t.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/676e122a.208560c3.js b/de/assets/js/676e122a.edec01f0.js
similarity index 95%
rename from de/assets/js/676e122a.208560c3.js
rename to de/assets/js/676e122a.edec01f0.js
index 201b67649b..1002f752e0 100644
--- a/de/assets/js/676e122a.208560c3.js
+++ b/de/assets/js/676e122a.edec01f0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1187],{2680:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>u});var t=i(1527),r=i(7214);const l={title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},s=void 0,o={permalink:"/illa-website/de/blog/appsmith-vs-retool",source:"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:6.21,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:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},nextItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},relatedPosts:[{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},a={authorsImageUrls:[void 0]},u=[{value:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug",id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Vorteile von Appsmith:",id:"vorteile-von-appsmith",level:3},{value:"Nachteile von Appsmith:",id:"nachteile-von-appsmith",level:3},{value:"Retool: Ein Vorreiter bei internen Tools",id:"retool-ein-vorreiter-bei-internen-tools",level:2},{value:"Vorteile von Retool:",id:"vorteile-von-retool",level:3},{value:"Nachteile von Retool:",id:"nachteile-von-retool",level:3},{value:"ILLA Cloud bietet das Beste aus beiden Welten",id:"illa-cloud-bietet-das-beste-aus-beiden-welten",level:2},{value:"Schl\xfcsselfunktionen von ILLA",id:"schl\xfcsselfunktionen-von-illa",level:3},{value:"Aktualisierte ILLA-Funktionen",id:"aktualisierte-illa-funktionen",level:3},{value:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen",id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",level:3},{value:"Fazit",id:"fazit",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",children:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," ist ein sofort einsatzbereites Low-Code-Tool, das schnelles Erstellen interner Tools mit einfachem JS erm\xf6glicht, ohne neue Projekte erstellen zu m\xfcssen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Anpassbare B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"Im Vergleich zur Verwendung einer Komponentenbibliothek erm\xf6glicht ILLA Cloud eine 10-mal schnellere Tool-Erstellung und unterst\xfctzt die gemeinsame Bearbeitung innerhalb von Teams."}),"\n",(0,t.jsx)(n.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,t.jsx)(n.p,{children:"Appsmith, eine Open-Source-Plattform mit Sitz in Indien, hat sich schnell in der Low-Code-Entwicklungswelt einen Namen gemacht. Es kann in vielen Aspekten mit dem Retool-Anwendungsersteller konkurrieren, was es zu einem ernsthaften Mitbewerber macht. Es ist jedoch wichtig, sich mit den spezifischen Eigenschaften auseinanderzusetzen, die Appsmith auszeichnen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-appsmith",children:"Vorteile von Appsmith:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Open-Source-Vorteil: Appsmith ist eine Open-Source-Plattform und stellt Entwicklern den Zugriff auf den Quellcode der Plattform zur Verf\xfcgung. Diese Offenheit f\xf6rdert die Zusammenarbeit und Anpassung und macht es zur bevorzugten Wahl f\xfcr diejenigen, die mehr Kontrolle \xfcber ihre Entwicklungsumgebung ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Cloud- und On-Premise-Bereitstellung: Appsmith bietet Flexibilit\xe4t, da es sowohl Cloud- als auch vollst\xe4ndige On-Premise-Bereitstellungen unterst\xfctzt. Diese Dualit\xe4t erm\xf6glicht es Organisationen, die Hosting-Option zu w\xe4hlen, die ihren Sicherheits- und Compliance-Anforderungen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Aktive Entwicklergemeinschaft: Appsmith verzeichnet ein wachsendes Entwickler-Community auf Plattformen wie Github. Diese Community-Unterst\xfctzung f\xfchrt zu kontinuierlichen Verbesserungen, rechtzeitigen Fehlerbehebungen und der Entwicklung neuer Funktionen, um sicherzustellen, dass die Plattform aktuell bleibt und auf die Bed\xfcrfnisse der Benutzer reagiert."}),"\n",(0,t.jsx)(n.li,{children:"Umfangreiche Integrationsm\xf6glichkeiten: Appsmith erleichtert die Integration mit einer breiten Palette von Datenbanken und APIs und erm\xf6glicht Unternehmen eine nahtlose Verbindung zu ihren Datenquellen. Diese Vielseitigkeit stellt sicher, dass Ihre Anwendungen mit den notwendigen Datenressourcen interagieren k\xf6nnen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-appsmith",children:"Nachteile von Appsmith:"}),"\n",(0,t.jsx)(n.p,{children:"Fehlende Automatisierte Workflows: Eine bemerkenswerte Einschr\xe4nkung ist das Fehlen von Unterst\xfctzung f\xfcr automatisierte Workflows oder geplante Aufgaben innerhalb von Appsmith. Dies k\xf6nnte ein Nachteil f\xfcr Organisationen sein, die komplexe Automatisierungsprozesse in ihren internen Tools ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"retool-ein-vorreiter-bei-internen-tools",children:"Retool: Ein Vorreiter bei internen Tools"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,t.jsx)(n.p,{children:"Retool ist eine etablierte Entwicklungsplattform zur Erstellung benutzerdefinierter interner Software. Es bietet einen intuitiven Drag-and-Drop-Anwendungsersteller und eine Bibliothek von vordefinierten UI-Komponenten. Es ist jedoch wichtig, sowohl seine St\xe4rken als auch seine Schw\xe4chen zu erkennen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-retool",children:"Vorteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Drag & Drop-Anwendungsersteller: Retool bietet einen intuitiven Drag-and-Drop-Anwendungsersteller, der auch Benutzern mit unterschiedlicher technischer Expertise zug\xe4nglich ist."}),"\n",(0,t.jsx)(n.li,{children:"Integrationsbibliothek: Mit einer umfangreichen Integrationsbibliothek vereinfacht Retool den Prozess der Verbindung mit Datenbanken und APIs und erm\xf6glicht Unternehmen den effizienten Zugriff und die Manipulation ihrer Daten."}),"\n",(0,t.jsx)(n.li,{children:"Granulare Berechtigungen: Retool unterst\xfctzt rollenbasierte Zugriffskontrollen, die eine sichere Umgebung bieten und sicherstellen, dass Benutzer angemessenen Zugriff auf Tools und Daten haben."}),"\n",(0,t.jsx)(n.li,{children:"Enterprise-Funktionen: Retool richtet sich an Unternehmensanforderungen und bietet Funktionen wie Single Sign-On (SSO), Audit-Protokollierung und dedizierte Unternehmensunterst\xfctzung."}),"\n",(0,t.jsx)(n.li,{children:"Native Mobile Apps: Retool Mobile bietet eine dedizierte L\xf6sung f\xfcr die Erstellung von nativen iOS- und Android-Mobilanwendungen innerhalb der Retool-Umgebung."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-retool",children:"Nachteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Begrenzte Erweiterbarkeit mit Code: Die Erweiterbarkeit von Retool ist begrenzt und unterst\xfctzt haupts\xe4chlich JavaScript. Diese Einschr\xe4nkung kann Herausforderungen f\xfcr Entwickler darstellen, die vielf\xe4ltigere Codierungsoptionen ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Schlechte Leistung: Benutzer berichten h\xe4ufig von Leistungsproblemen bei Retool-Anwendungen aufgrund der ausf\xfchrungsbasierten Codeausf\xfchrung im Browser, einzelner Schrittabfragen und fehlendem globalen Edge-Caching."}),"\n",(0,t.jsx)(n.li,{children:"Begrenzte Workflows & Geplante Aufgaben: Das Workflow-Angebot von Retool befindet sich noch in der Beta-Phase und bietet keine volle Funktionalit\xe4t. Au\xdferdem ist es nur auf Retool Cloud verf\xfcgbar, was den Zugang f\xfcr selbst gehostete Kunden einschr\xe4nkt."}),"\n",(0,t.jsx)(n.li,{children:"Nur SQL-basierte Generative KI: Die generative KI-Funktionalit\xe4t von Retool ist auf SQL beschr\xe4nkt, was m\xf6glicherweise nicht den Anforderungen von Entwicklern f\xfcr Codegenerierung und -optimierung in verschiedenen Sprachen und Anwendungsf\xe4llen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Legacy On-Premise-Bereitstellung: Das On-Premise-Bereitstellungsmodell von Retool ist ressourcenintensiv und erschwert es Unternehmen, Tools zu warten und zu aktualisieren. Dies kann Ressourcen von der Tool-Entwicklung ablenken."}),"\n",(0,t.jsx)(n.li,{children:"Hohe Kosten: Retool verwendet ein unflexibles Preismodell mit hohen Plattformgeb\xfchren, was es f\xfcr viele Organisationen teuer macht."}),"\n",(0,t.jsx)(n.li,{children:"Langsame Einf\xfchrung neuer Funktionen: Neue Funktionen werden manchmal langsam eingef\xfchrt, insbesondere f\xfcr selbst gehostete Kunden, was zu Verz\xf6gerungen bei der Nutzung der neuesten Technologien f\xfchrt."}),"\n",(0,t.jsx)(n.li,{children:"Geschlossener Quellcode: Retool ist Closed-Source, was Code-Pr\xfcfungen und Erweiterungsoptionen begrenzt."}),"\n",(0,t.jsx)(n.li,{children:"Nur US-Cloud: Retool Cloud wird in den USA gehostet, was zu Leistungseinbu\xdfen f\xfcr Benutzer und Rechenzentren au\xdferhalb der USA f\xfchren kann."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-bietet-das-beste-aus-beiden-welten",children:"ILLA Cloud bietet das Beste aus beiden Welten"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist eine der schnellsten Plattformen f\xfcr die Entwicklung interner Tools. Es spart Entwicklern wertvolle Zeit bei der Webgestaltung und anderen Aspekten ihrer Arbeit. Einer der Hauptgr\xfcnde, warum Entwickler zunehmend ILLA w\xe4hlen, ist die Bibliothek. Die Plattform hat eine reiche Sammlung von Codekomponenten konzipiert, die Sie einfach ziehen und ablegen k\xf6nnen, um komplexe Anwendungen in wenigen Minuten zu erstellen."}),"\n",(0,t.jsx)(n.p,{children:"Sie k\xf6nnen auch Anwendungsprogrammierschnittstellen verwenden, um ILLA mit einer Datenbank Ihrer Wahl zu verkn\xfcpfen. Die Plattform kann Backend- und Frontend-Daten hervorragend integrieren. Dadurch k\xf6nnen Entwickler umfangreiche Informationen mit einfachen Datenauftr\xe4gen erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Jeder Entwickler wird ILLA aus zwei Gr\xfcnden lieben - Freiheit und die M\xf6glichkeit, gleichzeitig mit anderen Entwicklern zu arbeiten. Erstens k\xf6nnen Entwickler \xfcberall JavaScript schreiben. Dies erm\xf6glicht mehr Flexibilit\xe4t in ihrer Arbeit und eine gr\xf6\xdfere Vielfalt bei den Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Zweitens k\xf6nnen Entwickler in ILLA Builder Links mit anderen Fachleuten in Echtzeit teilen. Sie k\xf6nnen also ihre Arbeit gemeinsam bearbeiten und kommentieren. Mit anderen Worten, Entwickler k\xf6nnen in einer unterhaltsamen und kollaborativen Arbeitsumgebung arbeiten. Nat\xfcrlich f\xfchrt dies zu schnelleren und besseren Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Schlie\xdflich k\xf6nnen Entwickler ihre Arbeit immer bei sich tragen, wenn sie ILLA Cloud verwenden. Mit nur einem Klick von jedem Ger\xe4t aus haben sie Zugriff auf die Cloud und gelangen zur Benutzeroberfl\xe4che von ILLA."}),"\n",(0,t.jsx)(n.h3,{id:"schl\xfcsselfunktionen-von-illa",children:"Schl\xfcsselfunktionen von ILLA"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind die Schl\xfcsselfunktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"ILLA verf\xfcgt \xfcber eine einsatzbereite Bibliothek f\xfcr React-Komponenten."}),"\n",(0,t.jsx)(n.li,{children:"Am erstaunlichsten ist, dass das ILLA-Design-Tool eine TypeScript-Typisierungsfunktion bietet und eine vorhersehbare statische Typisierung unterst\xfctzt."}),"\n",(0,t.jsx)(n.li,{children:"ILLA Design bietet eine schnelle und einfache Importfunktion, die die Produktivit\xe4t von Entwicklern verbessert."}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen auf wundersch\xf6n gestaltete und leistungsstarke Themes und Komponenten zugreifen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"aktualisierte-illa-funktionen",children:"Aktualisierte ILLA-Funktionen"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind einige aktualisierte Funktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Schnelle Integration mit jeder Datenquelle"}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen ILLA mit jeder g\xe4ngigen Datenbank oder einer anderen Datenquelle verbinden. Dieses Tool erm\xf6glicht es Ihnen, Daten aus dem Backend mit Frontend-Komponenten abzurufen."}),"\n",(0,t.jsx)(n.li,{children:"Echtzeit-Zusammenarbeit zur Steigerung der Effizienz"}),"\n",(0,t.jsx)(n.li,{children:"ILLA Builder erm\xf6glicht Entwicklern die Zusammenarbeit an einem Projekt. Sie k\xf6nnen Links zu verschiedenen Entwicklern erstellen und teilen, um ihre Tools gemeinsam zu bearbeiten und in Echtzeit mit anderen Teammitgliedern zu kommunizieren."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",children:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Builder bietet auch zahlreiche Komponenten, um die Bed\xfcrfnisse jedes Entwicklers effizient zu erf\xfcllen. Entwickler k\xf6nnen auf den Drag-and-Drop-Builder zugreifen, um schnell ihre gew\xfcnschten internen Tools zu entwickeln."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend sind Retool und Appsmith beide ausgezeichnete Low-Code-Plattformen, die Ihnen helfen k\xf6nnen, Anwendungen schnell und effizient zu erstellen. Sie haben jedoch jeweils ihre eigenen St\xe4rken und Schw\xe4chen, daher ist es wichtig, Ihre Anforderungen zu ber\xfccksichtigen, bevor Sie sich f\xfcr eine entscheiden. Wenn Sie eine umfassende Plattform mit leistungsstarken Managementfunktionen suchen, ist Tooljet m\xf6glicherweise die bessere Option f\xfcr Sie. Wenn Sie andererseits eine benutzerfreundliche Plattform suchen, die keine Programmierkenntnisse erfordert, ist Appsmith m\xf6glicherweise die bessere Wahl. Letztendlich h\xe4ngt alles davon ab, welche Art von Entwickler Sie sind und welche Art von Anwendung Sie erstellen m\xf6chten."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>s});var t=i(959);const r={},l=t.createContext(r);function s(e){const n=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1187],{2680:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>u});var t=i(1527),r=i(7214);const l={title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},s=void 0,o={permalink:"/illa-website/de/blog/appsmith-vs-retool",source:"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:6.21,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:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},nextItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},relatedPosts:[{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},a={authorsImageUrls:[void 0]},u=[{value:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug",id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Vorteile von Appsmith:",id:"vorteile-von-appsmith",level:3},{value:"Nachteile von Appsmith:",id:"nachteile-von-appsmith",level:3},{value:"Retool: Ein Vorreiter bei internen Tools",id:"retool-ein-vorreiter-bei-internen-tools",level:2},{value:"Vorteile von Retool:",id:"vorteile-von-retool",level:3},{value:"Nachteile von Retool:",id:"nachteile-von-retool",level:3},{value:"ILLA Cloud bietet das Beste aus beiden Welten",id:"illa-cloud-bietet-das-beste-aus-beiden-welten",level:2},{value:"Schl\xfcsselfunktionen von ILLA",id:"schl\xfcsselfunktionen-von-illa",level:3},{value:"Aktualisierte ILLA-Funktionen",id:"aktualisierte-illa-funktionen",level:3},{value:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen",id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",level:3},{value:"Fazit",id:"fazit",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",children:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," ist ein sofort einsatzbereites Low-Code-Tool, das schnelles Erstellen interner Tools mit einfachem JS erm\xf6glicht, ohne neue Projekte erstellen zu m\xfcssen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Anpassbare B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"Im Vergleich zur Verwendung einer Komponentenbibliothek erm\xf6glicht ILLA Cloud eine 10-mal schnellere Tool-Erstellung und unterst\xfctzt die gemeinsame Bearbeitung innerhalb von Teams."}),"\n",(0,t.jsx)(n.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,t.jsx)(n.p,{children:"Appsmith, eine Open-Source-Plattform mit Sitz in Indien, hat sich schnell in der Low-Code-Entwicklungswelt einen Namen gemacht. Es kann in vielen Aspekten mit dem Retool-Anwendungsersteller konkurrieren, was es zu einem ernsthaften Mitbewerber macht. Es ist jedoch wichtig, sich mit den spezifischen Eigenschaften auseinanderzusetzen, die Appsmith auszeichnen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-appsmith",children:"Vorteile von Appsmith:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Open-Source-Vorteil: Appsmith ist eine Open-Source-Plattform und stellt Entwicklern den Zugriff auf den Quellcode der Plattform zur Verf\xfcgung. Diese Offenheit f\xf6rdert die Zusammenarbeit und Anpassung und macht es zur bevorzugten Wahl f\xfcr diejenigen, die mehr Kontrolle \xfcber ihre Entwicklungsumgebung ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Cloud- und On-Premise-Bereitstellung: Appsmith bietet Flexibilit\xe4t, da es sowohl Cloud- als auch vollst\xe4ndige On-Premise-Bereitstellungen unterst\xfctzt. Diese Dualit\xe4t erm\xf6glicht es Organisationen, die Hosting-Option zu w\xe4hlen, die ihren Sicherheits- und Compliance-Anforderungen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Aktive Entwicklergemeinschaft: Appsmith verzeichnet ein wachsendes Entwickler-Community auf Plattformen wie Github. Diese Community-Unterst\xfctzung f\xfchrt zu kontinuierlichen Verbesserungen, rechtzeitigen Fehlerbehebungen und der Entwicklung neuer Funktionen, um sicherzustellen, dass die Plattform aktuell bleibt und auf die Bed\xfcrfnisse der Benutzer reagiert."}),"\n",(0,t.jsx)(n.li,{children:"Umfangreiche Integrationsm\xf6glichkeiten: Appsmith erleichtert die Integration mit einer breiten Palette von Datenbanken und APIs und erm\xf6glicht Unternehmen eine nahtlose Verbindung zu ihren Datenquellen. Diese Vielseitigkeit stellt sicher, dass Ihre Anwendungen mit den notwendigen Datenressourcen interagieren k\xf6nnen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-appsmith",children:"Nachteile von Appsmith:"}),"\n",(0,t.jsx)(n.p,{children:"Fehlende Automatisierte Workflows: Eine bemerkenswerte Einschr\xe4nkung ist das Fehlen von Unterst\xfctzung f\xfcr automatisierte Workflows oder geplante Aufgaben innerhalb von Appsmith. Dies k\xf6nnte ein Nachteil f\xfcr Organisationen sein, die komplexe Automatisierungsprozesse in ihren internen Tools ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"retool-ein-vorreiter-bei-internen-tools",children:"Retool: Ein Vorreiter bei internen Tools"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,t.jsx)(n.p,{children:"Retool ist eine etablierte Entwicklungsplattform zur Erstellung benutzerdefinierter interner Software. Es bietet einen intuitiven Drag-and-Drop-Anwendungsersteller und eine Bibliothek von vordefinierten UI-Komponenten. Es ist jedoch wichtig, sowohl seine St\xe4rken als auch seine Schw\xe4chen zu erkennen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-retool",children:"Vorteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Drag & Drop-Anwendungsersteller: Retool bietet einen intuitiven Drag-and-Drop-Anwendungsersteller, der auch Benutzern mit unterschiedlicher technischer Expertise zug\xe4nglich ist."}),"\n",(0,t.jsx)(n.li,{children:"Integrationsbibliothek: Mit einer umfangreichen Integrationsbibliothek vereinfacht Retool den Prozess der Verbindung mit Datenbanken und APIs und erm\xf6glicht Unternehmen den effizienten Zugriff und die Manipulation ihrer Daten."}),"\n",(0,t.jsx)(n.li,{children:"Granulare Berechtigungen: Retool unterst\xfctzt rollenbasierte Zugriffskontrollen, die eine sichere Umgebung bieten und sicherstellen, dass Benutzer angemessenen Zugriff auf Tools und Daten haben."}),"\n",(0,t.jsx)(n.li,{children:"Enterprise-Funktionen: Retool richtet sich an Unternehmensanforderungen und bietet Funktionen wie Single Sign-On (SSO), Audit-Protokollierung und dedizierte Unternehmensunterst\xfctzung."}),"\n",(0,t.jsx)(n.li,{children:"Native Mobile Apps: Retool Mobile bietet eine dedizierte L\xf6sung f\xfcr die Erstellung von nativen iOS- und Android-Mobilanwendungen innerhalb der Retool-Umgebung."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-retool",children:"Nachteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Begrenzte Erweiterbarkeit mit Code: Die Erweiterbarkeit von Retool ist begrenzt und unterst\xfctzt haupts\xe4chlich JavaScript. Diese Einschr\xe4nkung kann Herausforderungen f\xfcr Entwickler darstellen, die vielf\xe4ltigere Codierungsoptionen ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Schlechte Leistung: Benutzer berichten h\xe4ufig von Leistungsproblemen bei Retool-Anwendungen aufgrund der ausf\xfchrungsbasierten Codeausf\xfchrung im Browser, einzelner Schrittabfragen und fehlendem globalen Edge-Caching."}),"\n",(0,t.jsx)(n.li,{children:"Begrenzte Workflows & Geplante Aufgaben: Das Workflow-Angebot von Retool befindet sich noch in der Beta-Phase und bietet keine volle Funktionalit\xe4t. Au\xdferdem ist es nur auf Retool Cloud verf\xfcgbar, was den Zugang f\xfcr selbst gehostete Kunden einschr\xe4nkt."}),"\n",(0,t.jsx)(n.li,{children:"Nur SQL-basierte Generative KI: Die generative KI-Funktionalit\xe4t von Retool ist auf SQL beschr\xe4nkt, was m\xf6glicherweise nicht den Anforderungen von Entwicklern f\xfcr Codegenerierung und -optimierung in verschiedenen Sprachen und Anwendungsf\xe4llen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Legacy On-Premise-Bereitstellung: Das On-Premise-Bereitstellungsmodell von Retool ist ressourcenintensiv und erschwert es Unternehmen, Tools zu warten und zu aktualisieren. Dies kann Ressourcen von der Tool-Entwicklung ablenken."}),"\n",(0,t.jsx)(n.li,{children:"Hohe Kosten: Retool verwendet ein unflexibles Preismodell mit hohen Plattformgeb\xfchren, was es f\xfcr viele Organisationen teuer macht."}),"\n",(0,t.jsx)(n.li,{children:"Langsame Einf\xfchrung neuer Funktionen: Neue Funktionen werden manchmal langsam eingef\xfchrt, insbesondere f\xfcr selbst gehostete Kunden, was zu Verz\xf6gerungen bei der Nutzung der neuesten Technologien f\xfchrt."}),"\n",(0,t.jsx)(n.li,{children:"Geschlossener Quellcode: Retool ist Closed-Source, was Code-Pr\xfcfungen und Erweiterungsoptionen begrenzt."}),"\n",(0,t.jsx)(n.li,{children:"Nur US-Cloud: Retool Cloud wird in den USA gehostet, was zu Leistungseinbu\xdfen f\xfcr Benutzer und Rechenzentren au\xdferhalb der USA f\xfchren kann."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-bietet-das-beste-aus-beiden-welten",children:"ILLA Cloud bietet das Beste aus beiden Welten"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist eine der schnellsten Plattformen f\xfcr die Entwicklung interner Tools. Es spart Entwicklern wertvolle Zeit bei der Webgestaltung und anderen Aspekten ihrer Arbeit. Einer der Hauptgr\xfcnde, warum Entwickler zunehmend ILLA w\xe4hlen, ist die Bibliothek. Die Plattform hat eine reiche Sammlung von Codekomponenten konzipiert, die Sie einfach ziehen und ablegen k\xf6nnen, um komplexe Anwendungen in wenigen Minuten zu erstellen."}),"\n",(0,t.jsx)(n.p,{children:"Sie k\xf6nnen auch Anwendungsprogrammierschnittstellen verwenden, um ILLA mit einer Datenbank Ihrer Wahl zu verkn\xfcpfen. Die Plattform kann Backend- und Frontend-Daten hervorragend integrieren. Dadurch k\xf6nnen Entwickler umfangreiche Informationen mit einfachen Datenauftr\xe4gen erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Jeder Entwickler wird ILLA aus zwei Gr\xfcnden lieben - Freiheit und die M\xf6glichkeit, gleichzeitig mit anderen Entwicklern zu arbeiten. Erstens k\xf6nnen Entwickler \xfcberall JavaScript schreiben. Dies erm\xf6glicht mehr Flexibilit\xe4t in ihrer Arbeit und eine gr\xf6\xdfere Vielfalt bei den Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Zweitens k\xf6nnen Entwickler in ILLA Builder Links mit anderen Fachleuten in Echtzeit teilen. Sie k\xf6nnen also ihre Arbeit gemeinsam bearbeiten und kommentieren. Mit anderen Worten, Entwickler k\xf6nnen in einer unterhaltsamen und kollaborativen Arbeitsumgebung arbeiten. Nat\xfcrlich f\xfchrt dies zu schnelleren und besseren Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Schlie\xdflich k\xf6nnen Entwickler ihre Arbeit immer bei sich tragen, wenn sie ILLA Cloud verwenden. Mit nur einem Klick von jedem Ger\xe4t aus haben sie Zugriff auf die Cloud und gelangen zur Benutzeroberfl\xe4che von ILLA."}),"\n",(0,t.jsx)(n.h3,{id:"schl\xfcsselfunktionen-von-illa",children:"Schl\xfcsselfunktionen von ILLA"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind die Schl\xfcsselfunktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"ILLA verf\xfcgt \xfcber eine einsatzbereite Bibliothek f\xfcr React-Komponenten."}),"\n",(0,t.jsx)(n.li,{children:"Am erstaunlichsten ist, dass das ILLA-Design-Tool eine TypeScript-Typisierungsfunktion bietet und eine vorhersehbare statische Typisierung unterst\xfctzt."}),"\n",(0,t.jsx)(n.li,{children:"ILLA Design bietet eine schnelle und einfache Importfunktion, die die Produktivit\xe4t von Entwicklern verbessert."}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen auf wundersch\xf6n gestaltete und leistungsstarke Themes und Komponenten zugreifen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"aktualisierte-illa-funktionen",children:"Aktualisierte ILLA-Funktionen"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind einige aktualisierte Funktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Schnelle Integration mit jeder Datenquelle"}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen ILLA mit jeder g\xe4ngigen Datenbank oder einer anderen Datenquelle verbinden. Dieses Tool erm\xf6glicht es Ihnen, Daten aus dem Backend mit Frontend-Komponenten abzurufen."}),"\n",(0,t.jsx)(n.li,{children:"Echtzeit-Zusammenarbeit zur Steigerung der Effizienz"}),"\n",(0,t.jsx)(n.li,{children:"ILLA Builder erm\xf6glicht Entwicklern die Zusammenarbeit an einem Projekt. Sie k\xf6nnen Links zu verschiedenen Entwicklern erstellen und teilen, um ihre Tools gemeinsam zu bearbeiten und in Echtzeit mit anderen Teammitgliedern zu kommunizieren."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",children:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Builder bietet auch zahlreiche Komponenten, um die Bed\xfcrfnisse jedes Entwicklers effizient zu erf\xfcllen. Entwickler k\xf6nnen auf den Drag-and-Drop-Builder zugreifen, um schnell ihre gew\xfcnschten internen Tools zu entwickeln."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend sind Retool und Appsmith beide ausgezeichnete Low-Code-Plattformen, die Ihnen helfen k\xf6nnen, Anwendungen schnell und effizient zu erstellen. Sie haben jedoch jeweils ihre eigenen St\xe4rken und Schw\xe4chen, daher ist es wichtig, Ihre Anforderungen zu ber\xfccksichtigen, bevor Sie sich f\xfcr eine entscheiden. Wenn Sie eine umfassende Plattform mit leistungsstarken Managementfunktionen suchen, ist Tooljet m\xf6glicherweise die bessere Option f\xfcr Sie. Wenn Sie andererseits eine benutzerfreundliche Plattform suchen, die keine Programmierkenntnisse erfordert, ist Appsmith m\xf6glicherweise die bessere Wahl. Letztendlich h\xe4ngt alles davon ab, welche Art von Entwickler Sie sind und welche Art von Anwendung Sie erstellen m\xf6chten."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>s});var t=i(959);const r={},l=t.createContext(r);function s(e){const n=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/6d69edbe.e0524ff2.js b/de/assets/js/6d69edbe.9a2698e2.js
similarity index 92%
rename from de/assets/js/6d69edbe.e0524ff2.js
rename to de/assets/js/6d69edbe.9a2698e2.js
index 6e4aa6c766..fe9a3b7a8f 100644
--- a/de/assets/js/6d69edbe.e0524ff2.js
+++ b/de/assets/js/6d69edbe.9a2698e2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var t=s(1527),o=s(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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},l=void 0,a={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."',date:"2024-01-03T10:00:00.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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},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 MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate.",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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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,o.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.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,t.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,t.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,t.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,t.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,t.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,t.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,t.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,t.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,t.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,t.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,t.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,t.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,t.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,t.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,t.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,t.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.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,t.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,o.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,s)=>{s.d(n,{Z:()=>a,a:()=>l});var t=s(959);const o={},i=t.createContext(o);function l(e){const n=t.useContext(i);return t.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(o):e.components||o:l(e.components),t.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,s)=>{s.r(n),s.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var t=s(1527),o=s(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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},l=void 0,a={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."',date:"2024-01-03T10:00:00.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."',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-03T10:00"},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:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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,o.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.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,t.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,t.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,t.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,t.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,t.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,t.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,t.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,t.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,t.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,t.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,t.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,t.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,t.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,t.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,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,t.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,t.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,t.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,t.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,t.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,t.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.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,t.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,o.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,s)=>{s.d(n,{Z:()=>a,a:()=>l});var t=s(959);const o={},i=t.createContext(o);function l(e){const n=t.useContext(i);return t.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(o):e.components||o:l(e.components),t.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/745ae684.c6a5d04c.js b/de/assets/js/745ae684.4386def3.js
similarity index 83%
rename from de/assets/js/745ae684.c6a5d04c.js
rename to de/assets/js/745ae684.4386def3.js
index a02b9a9ce4..5c208bb3d1 100644
--- a/de/assets/js/745ae684.c6a5d04c.js
+++ b/de/assets/js/745ae684.4386def3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1027],{6122:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>s,contentTitle:()=>a,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>c});var n=t(1527),l=t(7214);const i={slug:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},a=void 0,r={permalink:"/illa-website/de/blog/launch-flow",source:"@site/blog/launch-flow/launch-flow.md",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:1.91,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:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",permalink:"/illa-website/de/blog/popular-tool"},nextItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},relatedPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},s={authorsImageUrls:[void 0]},c=[{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Integrate Everything",id:"integrate-everything",level:2},{value:"Some examples",id:"some-examples",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,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"Hi everyone, I'm Owen, and we are a startup company focused on low-code solutions. Our team is quite small, consisting of only 7 people."}),"\n",(0,n.jsx)(o.p,{children:"Today, we launched our new product: ILLA Flow."}),"\n",(0,n.jsxs)(o.p,{children:["Website: ",(0,n.jsx)(o.a,{href:"https://illacloud.com",children:"https://illacloud.com"})," (You can find it after login, at the left of dashboard -> Flow)"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping, thereby enabling connections and scheduling with various databases and APIs."}),"\n",(0,n.jsx)(o.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/flow.jpeg",alt:"flow"})}),"\n",(0,n.jsx)(o.h2,{id:"integrate-everything",children:"Integrate Everything"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow can connect to any"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"RestAPI"}),"\n",(0,n.jsx)(o.li,{children:"MySQL"}),"\n",(0,n.jsx)(o.li,{children:"MariaDB,"}),"\n",(0,n.jsx)(o.li,{children:"PostgreSQL"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/resource.jpeg",alt:"resource"})}),"\n",(0,n.jsx)(o.p,{children:"We will strive to expand support for more connectivity features."}),"\n",(0,n.jsx)(o.h2,{id:"some-examples",children:"Some examples"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,n.jsx)(o.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,n.jsx)(o.li,{children:"Book a meeting room every day"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,n.jsx)(o.li,{children:"Build a CI/CD report system"}),"\n",(0,n.jsx)(o.li,{children:"Send email when some warning occurs"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports scheduled triggers and the use of Webhooks for triggering. As a low-code tool, ILLA also enables the construction of panels to drive multiple workflows, forming a complete business process. Currently, the product is entirely free and requires no costs."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/dashboard.jpeg",alt:"dashboard"})}),"\n",(0,n.jsx)(o.p,{children:"Our initial intention in creating this product was to address the lack of developer-friendly workflow products on the market. We aim to build a complete low-code matrix product to provide a better experience. Moreover, we have achieved multi-person real-time collaboration, similar to the experience of editing in Figma, ensuring that a team can edit workflows together."}),"\n",(0,n.jsx)(o.p,{children:"As an early-stage product, there are still many features that are not perfect, and we hope everyone can provide valuable feedback to help us optimize it."})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var n=t(959);const l={},i=n.createContext(l);function a(e){const o=n.useContext(i);return n.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(l):e.components||l:a(e.components),n.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1027],{6122:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>s,contentTitle:()=>a,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>c});var n=t(1527),l=t(7214);const i={slug:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},a=void 0,r={permalink:"/illa-website/de/blog/launch-flow",source:"@site/blog/launch-flow/launch-flow.md",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:1.91,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:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",permalink:"/illa-website/de/blog/popular-tool"},nextItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},relatedPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}],authorPosts:[{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},s={authorsImageUrls:[void 0]},c=[{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Integrate Everything",id:"integrate-everything",level:2},{value:"Some examples",id:"some-examples",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,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"Hi everyone, I'm Owen, and we are a startup company focused on low-code solutions. Our team is quite small, consisting of only 7 people."}),"\n",(0,n.jsx)(o.p,{children:"Today, we launched our new product: ILLA Flow."}),"\n",(0,n.jsxs)(o.p,{children:["Website: ",(0,n.jsx)(o.a,{href:"https://illacloud.com",children:"https://illacloud.com"})," (You can find it after login, at the left of dashboard -> Flow)"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping, thereby enabling connections and scheduling with various databases and APIs."}),"\n",(0,n.jsx)(o.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/flow.jpeg",alt:"flow"})}),"\n",(0,n.jsx)(o.h2,{id:"integrate-everything",children:"Integrate Everything"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow can connect to any"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"RestAPI"}),"\n",(0,n.jsx)(o.li,{children:"MySQL"}),"\n",(0,n.jsx)(o.li,{children:"MariaDB,"}),"\n",(0,n.jsx)(o.li,{children:"PostgreSQL"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/resource.jpeg",alt:"resource"})}),"\n",(0,n.jsx)(o.p,{children:"We will strive to expand support for more connectivity features."}),"\n",(0,n.jsx)(o.h2,{id:"some-examples",children:"Some examples"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,n.jsx)(o.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,n.jsx)(o.li,{children:"Book a meeting room every day"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,n.jsx)(o.li,{children:"Build a CI/CD report system"}),"\n",(0,n.jsx)(o.li,{children:"Send email when some warning occurs"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports scheduled triggers and the use of Webhooks for triggering. As a low-code tool, ILLA also enables the construction of panels to drive multiple workflows, forming a complete business process. Currently, the product is entirely free and requires no costs."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/dashboard.jpeg",alt:"dashboard"})}),"\n",(0,n.jsx)(o.p,{children:"Our initial intention in creating this product was to address the lack of developer-friendly workflow products on the market. We aim to build a complete low-code matrix product to provide a better experience. Moreover, we have achieved multi-person real-time collaboration, similar to the experience of editing in Figma, ensuring that a team can edit workflows together."}),"\n",(0,n.jsx)(o.p,{children:"As an early-stage product, there are still many features that are not perfect, and we hope everyone can provide valuable feedback to help us optimize it."})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var n=t(959);const l={},i=n.createContext(l);function a(e){const o=n.useContext(i);return n.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(l):e.components||l:a(e.components),n.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/79c71fe4.b3c6f930.js b/de/assets/js/79c71fe4.b3c6f930.js
deleted file mode 100644
index 5d0b2e89c9..0000000000
--- a/de/assets/js/79c71fe4.b3c6f930.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6939],{618:(e,o,s)=>{s.r(o),s.d(o,{assets:()=>d,contentTitle:()=>t,default:()=>c,frontMatter:()=>i,metadata:()=>r,toc:()=>l});var a=s(1527),n=s(7214);const i={title:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},t=void 0,r={permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",source:"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",title:"Top 7 Redis GUI Tools in 2024",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",date:"2023-12-20T10:00:00.000Z",formattedDate:"20. Dezember 2023",tags:[{label:"redis",permalink:"/illa-website/de/blog/tags/redis"},{label:"gui",permalink:"/illa-website/de/blog/tags/gui"},{label:"tools",permalink:"/illa-website/de/blog/tags/tools"}],readingTime:20.025,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:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"The Best Tools for Building Crud Applications in 2024",description:"CRUD applications are a type of software that allows users to create, read, update, and delete data using various interfaces such as web pages or mobile apps.",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",formattedDate:"8. 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:10.165,date:"2024-01-08T10:00:00.000Z"},{title:"Top 7 Database GUIs for SQL databases",description:"Database GUI tools make working with SQL databases much simpler and more efficient for developers. Many great database GUIs are available.",permalink:"/illa-website/de/blog/top-7-database-guis-for-sql-databases",formattedDate:"9. 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:5.385,date:"2024-01-09T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},l=[{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:",id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",level:3},{value:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"RedisInsight",id:"redisinsight",level:2},{value:"Some of the advantages of RedisInsight are:",id:"some-of-the-advantages-of-redisinsight-are",level:3},{value:"Some of the drawbacks of RedisInsight are:",id:"some-of-the-drawbacks-of-redisinsight-are",level:3},{value:"Redis Desktop Manager (RESP.app)",id:"redis-desktop-manager-respapp",level:2},{value:"Some of the advantages of Redis Desktop Manager are:",id:"some-of-the-advantages-of-redis-desktop-manager-are",level:3},{value:"Some of the drawbacks of Redis Desktop Manager are:",id:"some-of-the-drawbacks-of-redis-desktop-manager-are",level:3},{value:"Medis",id:"medis",level:2},{value:"Some of the advantages of Medis are:",id:"some-of-the-advantages-of-medis-are",level:3},{value:"Some of the drawbacks of Medis are:",id:"some-of-the-drawbacks-of-medis-are",level:3},{value:"To use Medis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Redis Commander",id:"redis-commander",level:2},{value:"Some of the advantages of Redis Commander are:",id:"some-of-the-advantages-of-redis-commander-are",level:3},{value:"Some of the drawbacks of Redis Commander are:",id:"some-of-the-drawbacks-of-redis-commander-are",level:3},{value:"Download Redis Commander from GitHub or npm.",id:"download-redis-commander-from-github-or-npm",level:3},{value:"Redsmin",id:"redsmin",level:2},{value:"Some of the advantages of Redsmin are:",id:"some-of-the-advantages-of-redsmin-are",level:3},{value:"Some of the drawbacks of Redsmin are:",id:"some-of-the-drawbacks-of-redsmin-are",level:3},{value:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Webdis",id:"webdis",level:2},{value:"Some of the advantages of Webdis are:",id:"some-of-the-advantages-of-webdis-are",level:3},{value:"Some of the drawbacks of Webdis are:",id:"some-of-the-drawbacks-of-webdis-are",level:3},{value:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Conclusion",id:"conclusion",level:2}];function u(e){const o={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2024 and how to use them. Find out why ILLA Cloud is the best Redis GUI tool in our opinion."}),"\n",(0,a.jsx)(o.p,{children:"Redis is a popular open-source, in-memory data structure store that can be used as a database, cache, message broker, and more. Redis supports various data types like strings, lists, sets, hashes, and streams. Redis also offers many features like transactions, replication, clustering, pub/sub, Lua scripting, and more."}),"\n",(0,a.jsx)(o.p,{children:"However, working with Redis can be challenging without a graphical user interface (GUI) to help you visualize and interact with your data. A Redis GUI tool can help you browse, filter, edit, and delete your Redis keys, run commands and queries, monitor performance and metrics, and more."}),"\n",(0,a.jsx)(o.p,{children:"Many Redis GUI tools are available in the market, each with its own features, pros and cons, and price. This blog post will review the top 7 Redis GUI tools in 2024 and compare them based on their functionality, usability, compatibility, and cost. We will also show you how to use ILLA Cloud, the best Redis GUI tool, to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud is an open-source low-code platform for building internal tools. It is a powerful and flexible UI library for building web applications that connect to your databases and APIs. You can use ILLA Cloud to build anything from simple forms and tables to complex applications with advanced features."}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud supports Redis as one of its data sources. You can connect to your Redis server or cluster using ILLA Cloud and access your data using a graphical interface. You can also run commands and queries using SQL and JavaScript. You can use template syntax to inject dynamic values into your components and queries. You can also customize and control your components with JavaScript."}),"\n",(0,a.jsx)(o.h3,{id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",children:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use ILLA Cloud without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is cross-platform and cloud-based. You can use ILLA Cloud on any device and operating system. You can also deploy it on your own server or use the ILLA Cloud service."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple data sources. You can connect to various databases and APIs using ILLA Cloud, such as PostgreSQL, MongoDB, MySQL, Stripe, Google Sheets, AWS S3, and more. You can also integrate with any data source connected through APIs."}),"\n",(0,a.jsx)(o.li,{children:"It has a drag-and-drop interface. You can build a user interface for your application by dragging and dropping components like tables, charts, forms, buttons, and more. You don\u2019t need to write any HTML or CSS code."}),"\n",(0,a.jsx)(o.li,{children:"It has a rich set of components. You can use dozens of components in ILLA Cloud to meet your needs in different scenarios. You can also customize them with JavaScript."}),"\n",(0,a.jsx)(o.li,{children:"It supports JavaScript inside widgets, queries, and other components. Using JavaScript, you can add logic, transform data, and define complex workflows. You can also use template syntax to inject dynamic values into your components and queries."}),"\n",(0,a.jsx)(o.li,{children:"It has a collaborative feature. You can work with other developers on the same project by sharing links. You can also chat with them in real time and give feedback."}),"\n",(0,a.jsx)(o.li,{children:"It has a friendly community. You can join the Discord community of ILLA Cloud and get support from other users and developers. You can also share feedback, ask questions, and get updates."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the ILLA Cloud website."}),"\n",(0,a.jsx)(o.li,{children:"Create a new project and choose Redis as your data source."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Query tab on the top panel. You can write SQL or JavaScript in the editor. You can use template syntax to inject dynamic values into your queries. You can also use auto-completion and syntax highlighting features. You can run your queries by clicking the Run button or pressing Ctrl+Enter. You will see the results on the right panel. You can also export the results as CSV or JSON files."}),"\n",(0,a.jsx)(o.li,{children:"To build a user interface for your application, click on the Builder tab on the top panel. You will see a grid-style canvas where you can drag and drop components from the left panel. You can choose from various components like tables, charts, forms, buttons, etc. You can also customize and control your components with JavaScript. You can use template syntax to inject dynamic values into your components. You can also bind your components to your queries and data sources."}),"\n",(0,a.jsx)(o.li,{children:"To preview your application, click on the Preview button on the top right corner. You will see how your application looks and works in a browser. You can also test your components and queries and see the results."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using ILLA Cloud. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redisinsight",children:"RedisInsight"}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight is a desktop manager for Redis that provides an intuitive and efficient UI for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight allows you to browse and interact with Redis data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also explore the latest capabilities offered by Redis, such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redisinsight-are",children:"Some of the advantages of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and easy to use. You can download RedisInsight for free and install it on your Linux, Windows, or macOS machine. You can also check out the GitHub project and provide feedback."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use RedisInsight on any device and operating system. You can also connect to any Redis server or cluster using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also use the Workbench feature to run commands and queries using a Monaco Editor."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interactively work with complex data models such as documents, graphs, time series, etc. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redisinsight-are",children:"Some of the drawbacks of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not open-source. You cannot contribute to or modify the project according to your needs."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using RedisInsight."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"redis-desktop-manager-respapp",children:"Redis Desktop Manager (RESP.app)"}),"\n",(0,a.jsx)(o.p,{children:"Redis Desktop Manager is a cross-platform desktop GUI for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-desktop-manager-are",children:"Some of the advantages of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cross-platform and desktop-based. You can use Redis Desktop Manager on Linux, Windows, or macOS machines. You can also install it as a snap package or a docker image."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Desktop Manager. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Console feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-desktop-manager-are",children:"Some of the drawbacks of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redis Desktop Manager. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, etc."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Desktop Manager."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Desktop Manager."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"medis",children:"Medis"}),"\n",(0,a.jsx)(o.p,{children:"Medis is a beautiful and easy-to-use Mac database management application for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-medis-are",children:"Some of the advantages of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is beautiful and easy-to-use. Medis has a sleek and intuitive design that makes it easy to use. It also has dark mode support that makes it look even better."}),"\n",(0,a.jsx)(o.li,{children:"It is Mac-based and desktop-based. You can use Medis on any Mac machine. You can also install it from the Mac App Store or download it from GitHub."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Medis. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Terminal feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-medis-are",children:"Some of the drawbacks of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Medis. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It is only available for Mac. You cannot use Medis on other operating systems or devices."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Medis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Medis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Medis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Medis from the Mac App Store or GitHub."}),"\n",(0,a.jsx)(o.li,{children:"Install Medis on your Mac machine."}),"\n",(0,a.jsx)(o.li,{children:"Launch Medis and click on Add Connection button."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on CLI tab on the bottom panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Medis. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redis-commander",children:"Redis Commander"}),"\n",(0,a.jsx)(o.p,{children:"Redis Commander is a free and open-source Redis management tool written in Node.js. It allows you to connect to multiple Redis servers and clusters and manage your data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-commander-are",children:"Some of the advantages of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use Redis Commander without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is web-based and cross-platform. You can use Redis Commander on any device and operating system. You need to install it on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Commander. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-commander-are",children:"Some of the drawbacks of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very stable or reliable. Redis Commander may have bugs or issues affecting its performance or functionality. It may also crash or freeze sometimes."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Commander."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Commander."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"To use Redis Commander to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsx)(o.h3,{id:"download-redis-commander-from-github-or-npm",children:"Download Redis Commander from GitHub or npm."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Install Redis Commander on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch Redis Commander by running redis-commander command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redis Commander through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:8081",children:"http://localhost:8081"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redis Commander. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redsmin",children:"Redsmin"}),"\n",(0,a.jsx)(o.p,{children:"Redsmin is a cloud-based Redis management service that provides a real-time interface for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"Redsmin allows you to browse and interact with Redis data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also monitor the performance and metrics of your Redis server or cluster using a dashboard."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redsmin-are",children:"Some of the advantages of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cloud-based and cross-platform. You can use Redsmin on any device and operating system. You must install a proxy daemon on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redsmin. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interact with complex data models such as documents, graphs, and time series. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n",(0,a.jsx)(o.li,{children:"It has a dashboard for monitoring performance and metrics. You can monitor your Redis server's or cluster's performance and metrics using a dashboard. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redsmin-are",children:"Some of the drawbacks of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redsmin. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It requires a proxy daemon installation. You must install a proxy daemon on your server to connect to Redsmin. This may affect your security or performance."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redsmin."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redsmin."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the Redsmin website."}),"\n",(0,a.jsx)(o.li,{children:"Download and install the proxy daemon on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch the proxy daemon by running redsmin command in your terminal."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redsmin API key when prompted."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redsmin through your web browser by entering ",(0,a.jsx)(o.a,{href:"https://app.redsmin.com",children:"https://app.redsmin.com"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n",(0,a.jsx)(o.li,{children:"To explore the latest capabilities offered by Redis, click on the corresponding tabs on the top panel. You can choose from various modules, such as RedisJSON, RedisGraph, and RedisTimeSeries. Using a web-based interface, you can query, visualize, and interact with complex data models."}),"\n",(0,a.jsx)(o.li,{children:"To monitor your Redis server's or cluster's performance and metrics, click on the Dashboard tab on the top panel. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redsmin. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"webdis",children:"Webdis"}),"\n",(0,a.jsx)(o.p,{children:"Webdis is a simple web server that exposes Redis commands as HTTP endpoints with JSON output. It allows you to connect to your Redis server and access your data using a web browser or any HTTP client. You can also run commands and queries using HTTP requests."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-webdis-are",children:"Some of the advantages of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is simple and lightweight. Webdis is a simple web server that requires no installation or configuration. It is also very fast and consumes little memory."}),"\n",(0,a.jsx)(o.li,{children:"It is open-source and free. You can use Webdis without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use Webdis on Linux, Windows, or macOS machines. You can also connect to any Redis server or cluster using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. You can browse and interact with Redis data using a web browser or any HTTP client. You can also display data in JSON format."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-webdis-are",children:"Some of the drawbacks of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very secure or reliable. Webdis does not support authentication or encryption for your Redis connection. It may also expose your Redis data to unauthorized access or modification."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a built-in CLI for running commands and queries. You have to use HTTP requests to run commands and queries on your Redis data."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Webdis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Webdis from GitHub or compile it from the source code."}),"\n",(0,a.jsx)(o.li,{children:"Launch Webdis by running webdis the command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Webdis through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:7379",children:"http://localhost:7379"})," in your address bar."]}),"\n",(0,a.jsxs)(o.li,{children:["Enter your Redis command or query in the URL path after the slash. For example, ",(0,a.jsx)(o.a,{href:"http://localhost:7379/GET/foo",children:"http://localhost:7379/GET/foo"})," will get the value of the key foo."]}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"See the result of your command or query in JSON format in your browser.\nThat\u2019s it! You have built a Redis GUI for your application using Webdis. You can now use it to access and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:"In this blog post, we have reviewed the top 7 Redis GUI tools in 2024 and compared them based on their functionality, usability, compatibility, and cost. We have also shown you how to use each tool to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.p,{children:"We hope this blog post has helped you find the best Redis GUI tool for your needs and preferences. However, if you ask us, we recommend ILLA Cloud as the best Redis GUI tool."})]})}function c(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}},7214:(e,o,s)=>{s.d(o,{Z:()=>r,a:()=>t});var a=s(959);const n={},i=a.createContext(n);function t(e){const o=a.useContext(i);return a.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:t(e.components),a.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/79c71fe4.baf66826.js b/de/assets/js/79c71fe4.baf66826.js
new file mode 100644
index 0000000000..f6eaad3548
--- /dev/null
+++ b/de/assets/js/79c71fe4.baf66826.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6939],{618:(e,o,s)=>{s.r(o),s.d(o,{assets:()=>d,contentTitle:()=>t,default:()=>c,frontMatter:()=>i,metadata:()=>r,toc:()=>l});var a=s(1527),n=s(7214);const i={title:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},t=void 0,r={permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",source:"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",title:"Top 7 Redis GUI Tools in 2024",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",date:"2023-12-20T10:00:00.000Z",formattedDate:"20. Dezember 2023",tags:[{label:"redis",permalink:"/illa-website/de/blog/tags/redis"},{label:"gui",permalink:"/illa-website/de/blog/tags/gui"},{label:"tools",permalink:"/illa-website/de/blog/tags/tools"}],readingTime:20.025,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:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Top 7 Database GUIs for SQL databases",description:"Database GUI tools make working with SQL databases much simpler and more efficient for developers. Many great database GUIs are available.",permalink:"/illa-website/de/blog/top-7-database-guis-for-sql-databases",formattedDate:"9. 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:5.385,date:"2024-01-09T10:00:00.000Z"},{title:"The Best Tools for Building Crud Applications in 2024",description:"CRUD applications are a type of software that allows users to create, read, update, and delete data using various interfaces such as web pages or mobile apps.",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",formattedDate:"8. 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:10.165,date:"2024-01-08T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},l=[{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:",id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",level:3},{value:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"RedisInsight",id:"redisinsight",level:2},{value:"Some of the advantages of RedisInsight are:",id:"some-of-the-advantages-of-redisinsight-are",level:3},{value:"Some of the drawbacks of RedisInsight are:",id:"some-of-the-drawbacks-of-redisinsight-are",level:3},{value:"Redis Desktop Manager (RESP.app)",id:"redis-desktop-manager-respapp",level:2},{value:"Some of the advantages of Redis Desktop Manager are:",id:"some-of-the-advantages-of-redis-desktop-manager-are",level:3},{value:"Some of the drawbacks of Redis Desktop Manager are:",id:"some-of-the-drawbacks-of-redis-desktop-manager-are",level:3},{value:"Medis",id:"medis",level:2},{value:"Some of the advantages of Medis are:",id:"some-of-the-advantages-of-medis-are",level:3},{value:"Some of the drawbacks of Medis are:",id:"some-of-the-drawbacks-of-medis-are",level:3},{value:"To use Medis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Redis Commander",id:"redis-commander",level:2},{value:"Some of the advantages of Redis Commander are:",id:"some-of-the-advantages-of-redis-commander-are",level:3},{value:"Some of the drawbacks of Redis Commander are:",id:"some-of-the-drawbacks-of-redis-commander-are",level:3},{value:"Download Redis Commander from GitHub or npm.",id:"download-redis-commander-from-github-or-npm",level:3},{value:"Redsmin",id:"redsmin",level:2},{value:"Some of the advantages of Redsmin are:",id:"some-of-the-advantages-of-redsmin-are",level:3},{value:"Some of the drawbacks of Redsmin are:",id:"some-of-the-drawbacks-of-redsmin-are",level:3},{value:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Webdis",id:"webdis",level:2},{value:"Some of the advantages of Webdis are:",id:"some-of-the-advantages-of-webdis-are",level:3},{value:"Some of the drawbacks of Webdis are:",id:"some-of-the-drawbacks-of-webdis-are",level:3},{value:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Conclusion",id:"conclusion",level:2}];function u(e){const o={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2024 and how to use them. Find out why ILLA Cloud is the best Redis GUI tool in our opinion."}),"\n",(0,a.jsx)(o.p,{children:"Redis is a popular open-source, in-memory data structure store that can be used as a database, cache, message broker, and more. Redis supports various data types like strings, lists, sets, hashes, and streams. Redis also offers many features like transactions, replication, clustering, pub/sub, Lua scripting, and more."}),"\n",(0,a.jsx)(o.p,{children:"However, working with Redis can be challenging without a graphical user interface (GUI) to help you visualize and interact with your data. A Redis GUI tool can help you browse, filter, edit, and delete your Redis keys, run commands and queries, monitor performance and metrics, and more."}),"\n",(0,a.jsx)(o.p,{children:"Many Redis GUI tools are available in the market, each with its own features, pros and cons, and price. This blog post will review the top 7 Redis GUI tools in 2024 and compare them based on their functionality, usability, compatibility, and cost. We will also show you how to use ILLA Cloud, the best Redis GUI tool, to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud is an open-source low-code platform for building internal tools. It is a powerful and flexible UI library for building web applications that connect to your databases and APIs. You can use ILLA Cloud to build anything from simple forms and tables to complex applications with advanced features."}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud supports Redis as one of its data sources. You can connect to your Redis server or cluster using ILLA Cloud and access your data using a graphical interface. You can also run commands and queries using SQL and JavaScript. You can use template syntax to inject dynamic values into your components and queries. You can also customize and control your components with JavaScript."}),"\n",(0,a.jsx)(o.h3,{id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",children:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use ILLA Cloud without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is cross-platform and cloud-based. You can use ILLA Cloud on any device and operating system. You can also deploy it on your own server or use the ILLA Cloud service."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple data sources. You can connect to various databases and APIs using ILLA Cloud, such as PostgreSQL, MongoDB, MySQL, Stripe, Google Sheets, AWS S3, and more. You can also integrate with any data source connected through APIs."}),"\n",(0,a.jsx)(o.li,{children:"It has a drag-and-drop interface. You can build a user interface for your application by dragging and dropping components like tables, charts, forms, buttons, and more. You don\u2019t need to write any HTML or CSS code."}),"\n",(0,a.jsx)(o.li,{children:"It has a rich set of components. You can use dozens of components in ILLA Cloud to meet your needs in different scenarios. You can also customize them with JavaScript."}),"\n",(0,a.jsx)(o.li,{children:"It supports JavaScript inside widgets, queries, and other components. Using JavaScript, you can add logic, transform data, and define complex workflows. You can also use template syntax to inject dynamic values into your components and queries."}),"\n",(0,a.jsx)(o.li,{children:"It has a collaborative feature. You can work with other developers on the same project by sharing links. You can also chat with them in real time and give feedback."}),"\n",(0,a.jsx)(o.li,{children:"It has a friendly community. You can join the Discord community of ILLA Cloud and get support from other users and developers. You can also share feedback, ask questions, and get updates."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the ILLA Cloud website."}),"\n",(0,a.jsx)(o.li,{children:"Create a new project and choose Redis as your data source."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Query tab on the top panel. You can write SQL or JavaScript in the editor. You can use template syntax to inject dynamic values into your queries. You can also use auto-completion and syntax highlighting features. You can run your queries by clicking the Run button or pressing Ctrl+Enter. You will see the results on the right panel. You can also export the results as CSV or JSON files."}),"\n",(0,a.jsx)(o.li,{children:"To build a user interface for your application, click on the Builder tab on the top panel. You will see a grid-style canvas where you can drag and drop components from the left panel. You can choose from various components like tables, charts, forms, buttons, etc. You can also customize and control your components with JavaScript. You can use template syntax to inject dynamic values into your components. You can also bind your components to your queries and data sources."}),"\n",(0,a.jsx)(o.li,{children:"To preview your application, click on the Preview button on the top right corner. You will see how your application looks and works in a browser. You can also test your components and queries and see the results."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using ILLA Cloud. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redisinsight",children:"RedisInsight"}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight is a desktop manager for Redis that provides an intuitive and efficient UI for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight allows you to browse and interact with Redis data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also explore the latest capabilities offered by Redis, such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redisinsight-are",children:"Some of the advantages of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and easy to use. You can download RedisInsight for free and install it on your Linux, Windows, or macOS machine. You can also check out the GitHub project and provide feedback."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use RedisInsight on any device and operating system. You can also connect to any Redis server or cluster using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also use the Workbench feature to run commands and queries using a Monaco Editor."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interactively work with complex data models such as documents, graphs, time series, etc. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redisinsight-are",children:"Some of the drawbacks of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not open-source. You cannot contribute to or modify the project according to your needs."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using RedisInsight."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"redis-desktop-manager-respapp",children:"Redis Desktop Manager (RESP.app)"}),"\n",(0,a.jsx)(o.p,{children:"Redis Desktop Manager is a cross-platform desktop GUI for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-desktop-manager-are",children:"Some of the advantages of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cross-platform and desktop-based. You can use Redis Desktop Manager on Linux, Windows, or macOS machines. You can also install it as a snap package or a docker image."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Desktop Manager. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Console feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-desktop-manager-are",children:"Some of the drawbacks of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redis Desktop Manager. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, etc."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Desktop Manager."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Desktop Manager."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"medis",children:"Medis"}),"\n",(0,a.jsx)(o.p,{children:"Medis is a beautiful and easy-to-use Mac database management application for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-medis-are",children:"Some of the advantages of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is beautiful and easy-to-use. Medis has a sleek and intuitive design that makes it easy to use. It also has dark mode support that makes it look even better."}),"\n",(0,a.jsx)(o.li,{children:"It is Mac-based and desktop-based. You can use Medis on any Mac machine. You can also install it from the Mac App Store or download it from GitHub."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Medis. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Terminal feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-medis-are",children:"Some of the drawbacks of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Medis. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It is only available for Mac. You cannot use Medis on other operating systems or devices."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Medis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Medis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Medis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Medis from the Mac App Store or GitHub."}),"\n",(0,a.jsx)(o.li,{children:"Install Medis on your Mac machine."}),"\n",(0,a.jsx)(o.li,{children:"Launch Medis and click on Add Connection button."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on CLI tab on the bottom panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Medis. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redis-commander",children:"Redis Commander"}),"\n",(0,a.jsx)(o.p,{children:"Redis Commander is a free and open-source Redis management tool written in Node.js. It allows you to connect to multiple Redis servers and clusters and manage your data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-commander-are",children:"Some of the advantages of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use Redis Commander without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is web-based and cross-platform. You can use Redis Commander on any device and operating system. You need to install it on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Commander. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-commander-are",children:"Some of the drawbacks of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very stable or reliable. Redis Commander may have bugs or issues affecting its performance or functionality. It may also crash or freeze sometimes."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Commander."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Commander."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"To use Redis Commander to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsx)(o.h3,{id:"download-redis-commander-from-github-or-npm",children:"Download Redis Commander from GitHub or npm."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Install Redis Commander on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch Redis Commander by running redis-commander command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redis Commander through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:8081",children:"http://localhost:8081"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redis Commander. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redsmin",children:"Redsmin"}),"\n",(0,a.jsx)(o.p,{children:"Redsmin is a cloud-based Redis management service that provides a real-time interface for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"Redsmin allows you to browse and interact with Redis data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also monitor the performance and metrics of your Redis server or cluster using a dashboard."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redsmin-are",children:"Some of the advantages of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cloud-based and cross-platform. You can use Redsmin on any device and operating system. You must install a proxy daemon on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redsmin. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interact with complex data models such as documents, graphs, and time series. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n",(0,a.jsx)(o.li,{children:"It has a dashboard for monitoring performance and metrics. You can monitor your Redis server's or cluster's performance and metrics using a dashboard. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redsmin-are",children:"Some of the drawbacks of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redsmin. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It requires a proxy daemon installation. You must install a proxy daemon on your server to connect to Redsmin. This may affect your security or performance."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redsmin."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redsmin."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the Redsmin website."}),"\n",(0,a.jsx)(o.li,{children:"Download and install the proxy daemon on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch the proxy daemon by running redsmin command in your terminal."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redsmin API key when prompted."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redsmin through your web browser by entering ",(0,a.jsx)(o.a,{href:"https://app.redsmin.com",children:"https://app.redsmin.com"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n",(0,a.jsx)(o.li,{children:"To explore the latest capabilities offered by Redis, click on the corresponding tabs on the top panel. You can choose from various modules, such as RedisJSON, RedisGraph, and RedisTimeSeries. Using a web-based interface, you can query, visualize, and interact with complex data models."}),"\n",(0,a.jsx)(o.li,{children:"To monitor your Redis server's or cluster's performance and metrics, click on the Dashboard tab on the top panel. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redsmin. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"webdis",children:"Webdis"}),"\n",(0,a.jsx)(o.p,{children:"Webdis is a simple web server that exposes Redis commands as HTTP endpoints with JSON output. It allows you to connect to your Redis server and access your data using a web browser or any HTTP client. You can also run commands and queries using HTTP requests."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-webdis-are",children:"Some of the advantages of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is simple and lightweight. Webdis is a simple web server that requires no installation or configuration. It is also very fast and consumes little memory."}),"\n",(0,a.jsx)(o.li,{children:"It is open-source and free. You can use Webdis without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use Webdis on Linux, Windows, or macOS machines. You can also connect to any Redis server or cluster using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. You can browse and interact with Redis data using a web browser or any HTTP client. You can also display data in JSON format."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-webdis-are",children:"Some of the drawbacks of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very secure or reliable. Webdis does not support authentication or encryption for your Redis connection. It may also expose your Redis data to unauthorized access or modification."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a built-in CLI for running commands and queries. You have to use HTTP requests to run commands and queries on your Redis data."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Webdis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Webdis from GitHub or compile it from the source code."}),"\n",(0,a.jsx)(o.li,{children:"Launch Webdis by running webdis the command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Webdis through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:7379",children:"http://localhost:7379"})," in your address bar."]}),"\n",(0,a.jsxs)(o.li,{children:["Enter your Redis command or query in the URL path after the slash. For example, ",(0,a.jsx)(o.a,{href:"http://localhost:7379/GET/foo",children:"http://localhost:7379/GET/foo"})," will get the value of the key foo."]}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"See the result of your command or query in JSON format in your browser.\nThat\u2019s it! You have built a Redis GUI for your application using Webdis. You can now use it to access and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:"In this blog post, we have reviewed the top 7 Redis GUI tools in 2024 and compared them based on their functionality, usability, compatibility, and cost. We have also shown you how to use each tool to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.p,{children:"We hope this blog post has helped you find the best Redis GUI tool for your needs and preferences. However, if you ask us, we recommend ILLA Cloud as the best Redis GUI tool."})]})}function c(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}},7214:(e,o,s)=>{s.d(o,{Z:()=>r,a:()=>t});var a=s(959);const n={},i=a.createContext(n);function t(e){const o=a.useContext(i);return a.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:t(e.components),a.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/7dda7093.8f82a6f5.js b/de/assets/js/7dda7093.8f82a6f5.js
deleted file mode 100644
index 9d040220d5..0000000000
--- a/de/assets/js/7dda7093.8f82a6f5.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8518],{2860:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>r,contentTitle:()=>a,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>c});var i=o(1527),s=o(7214);const n={slug:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/low-code-crm",source:"@site/blog/low-code-crm/low-code-crm.md",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"low code crm",permalink:"/illa-website/de/blog/tags/low-code-crm"}],readingTime:3.76,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:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",permalink:"/illa-website/de/blog/core-app-dashboard-2"},nextItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},relatedPosts:[],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}]},r={authorsImageUrls:[void 0]},c=[{value:"Why Build Your Own CRM?",id:"why-build-your-own-crm",level:2},{value:"Advantages of Low-Code Platforms",id:"advantages-of-low-code-platforms",level:2},{value:"Building CRM with ILLA Cloud",id:"building-crm-with-illa-cloud",level:2},{value:"Advantages of ILLA Cloud",id:"advantages-of-illa-cloud",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const t={h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems. The main advantage of low-code platforms lies in their ability to rapidly iterate. This rapid iteration is key to swiftly responding to market changes, which in turn leads to quick market share acquisition. Gaining market share rapidly is essential for fast capital acquisition, and this swift capital influx fuels further rapid iteration. This cycle positions low-code platforms as the preferred choice for businesses to develop their operational systems in the coming years."}),"\n",(0,i.jsx)(t.p,{children:"Customer Relationship Management (CRM), a system essential for every business, stands as a significant application scenario for low-code platforms. This article will explore how to build a CRM system using a low-code platform."}),"\n",(0,i.jsx)(t.h2,{id:"why-build-your-own-crm",children:"Why Build Your Own CRM?"}),"\n",(0,i.jsx)(t.p,{children:"While every business requires a CRM system, the ones currently available in the market are either too complex or overly simplistic, making it hard to meet specific business needs. As a result, many businesses opt to build their own CRM systems."}),"\n",(0,i.jsx)(t.p,{children:"Using low-code tools to build a CRM system allows for rapid iteration and swift response to market changes. This cycle cements the future of low-code platforms as the go-to solution for businesses developing operational systems."}),"\n",(0,i.jsx)(t.p,{children:"The flexible capabilities of low-code allow for quick, from-the-ground-up construction of fully customized CRM tools tailored to a company's unique requirements."}),"\n",(0,i.jsx)(t.h2,{id:"advantages-of-low-code-platforms",children:"Advantages of Low-Code Platforms"}),"\n",(0,i.jsx)(t.p,{children:"The primary advantage of low-code platforms is their ability to facilitate rapid iteration. This rapid iteration is crucial for quick response to market changes, which leads to swift market share and capital acquisition, feeding back into more rapid iteration. This cycle ensures that low-code platforms will remain the preferred choice for businesses building operational systems in the near future."}),"\n",(0,i.jsx)(t.p,{children:"Building a CRM with low-code means focusing solely on business logic without worrying about operational costs or design styles. It empowers everyone to develop customized systems for their company and team."}),"\n",(0,i.jsx)(t.p,{children:"Moreover, these systems are aesthetically pleasing and easily modifiable."}),"\n",(0,i.jsx)(t.h2,{id:"building-crm-with-illa-cloud",children:"Building CRM with ILLA Cloud"}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud is a low-code platform that helps businesses quickly build their operational systems. It offers a wide range of components, enabling the rapid construction of business systems."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/crm.webp",alt:"crm"})}),"\n",(0,i.jsx)(t.p,{children:"The system built with ILLA Cloud offers several features:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Customer management"}),"\n",(0,i.jsx)(t.li,{children:"Progress tracking"}),"\n",(0,i.jsx)(t.li,{children:"Data report management"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"As a low-code tool, ILLA Cloud allows for unlimited customization, enabling the creation of bespoke features unique to a company."}),"\n",(0,i.jsx)(t.p,{children:"With drag-and-drop simplicity, ILLA Cloud enables rapid construction of custom UIs, allowing users to create a fully-functional low-code CRM in just minutes. This platform boasts an extensive array of common components, coupled with the ability to pull data from any database or data source. Therefore, choosing ILLA Cloud for building a low-code CRM is an exceptionally sound decision."}),"\n",(0,i.jsx)(t.p,{children:"The platform's user-friendly interface simplifies the CRM creation process, making it accessible even to those with minimal technical expertise. The vast selection of components ensures that every necessary feature can be easily integrated into the CRM system, tailored to specific business requirements."}),"\n",(0,i.jsx)(t.p,{children:"Furthermore, the seamless integration with various databases and data sources empowers businesses to consolidate and utilize their data efficiently, enhancing the CRM's effectiveness. This capability is crucial for businesses aiming to maintain a comprehensive and up-to-date customer database, which is at the core of any successful CRM system."}),"\n",(0,i.jsx)(t.p,{children:"In summary, ILLA Cloud's combination of ease-of-use, comprehensive component selection, and robust data integration capabilities makes it a top-tier choice for businesses looking to implement a low-code CRM solution."}),"\n",(0,i.jsx)(t.h2,{id:"advantages-of-illa-cloud",children:"Advantages of ILLA Cloud"}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud enables quick Web UI construction through drag-and-drop, eliminating the need for complex web technology skills. This accessibility allows anyone to create their own business systems."}),"\n",(0,i.jsx)(t.p,{children:"It requires no operational skills, as all products are fully hosted on the ILLA Cloud, eliminating operational costs."}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud supports collaborative team updates without any additional tools."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/team.gif",alt:"team"})}),"\n",(0,i.jsx)(t.p,{children:"ILLA also integrates complete AI capabilities. If there's a need to send text messages to customers, users can directly use the latest AI Agent within the product."}),"\n",(0,i.jsx)(t.p,{children:"We believe that building AI-Driven Business Tools is the future's preferred method."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/send.gif",alt:"send"})}),"\n",(0,i.jsx)(t.p,{children:"Flexibility has always been a strength of low-code tools, and we offer industry-leading solutions to help users quickly create their corresponding products. We hope that low-code can assist every developer in building their own low-code CRM."}),"\n",(0,i.jsx)(t.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(t.p,{children:"Every company should have its own low-code CRM, as customized needs and capabilities are key to flexible operations. We hope everyone can rapidly build business tools using low-code tools."})]})}function u(e={}){const{wrapper:t}={...(0,s.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:()=>l,a:()=>a});var i=o(959);const s={},n=i.createContext(s);function a(e){const t=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/7dda7093.9f21012f.js b/de/assets/js/7dda7093.9f21012f.js
new file mode 100644
index 0000000000..1910d5a6cb
--- /dev/null
+++ b/de/assets/js/7dda7093.9f21012f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8518],{2860:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>r,contentTitle:()=>a,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>c});var o=i(1527),s=i(7214);const n={slug:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/low-code-crm",source:"@site/blog/low-code-crm/low-code-crm.md",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"low code crm",permalink:"/illa-website/de/blog/tags/low-code-crm"}],readingTime:3.76,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:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",permalink:"/illa-website/de/blog/core-app-dashboard-2"},nextItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},relatedPosts:[],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},r={authorsImageUrls:[void 0]},c=[{value:"Why Build Your Own CRM?",id:"why-build-your-own-crm",level:2},{value:"Advantages of Low-Code Platforms",id:"advantages-of-low-code-platforms",level:2},{value:"Building CRM with ILLA Cloud",id:"building-crm-with-illa-cloud",level:2},{value:"Advantages of ILLA Cloud",id:"advantages-of-illa-cloud",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const t={h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.p,{children:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems. The main advantage of low-code platforms lies in their ability to rapidly iterate. This rapid iteration is key to swiftly responding to market changes, which in turn leads to quick market share acquisition. Gaining market share rapidly is essential for fast capital acquisition, and this swift capital influx fuels further rapid iteration. This cycle positions low-code platforms as the preferred choice for businesses to develop their operational systems in the coming years."}),"\n",(0,o.jsx)(t.p,{children:"Customer Relationship Management (CRM), a system essential for every business, stands as a significant application scenario for low-code platforms. This article will explore how to build a CRM system using a low-code platform."}),"\n",(0,o.jsx)(t.h2,{id:"why-build-your-own-crm",children:"Why Build Your Own CRM?"}),"\n",(0,o.jsx)(t.p,{children:"While every business requires a CRM system, the ones currently available in the market are either too complex or overly simplistic, making it hard to meet specific business needs. As a result, many businesses opt to build their own CRM systems."}),"\n",(0,o.jsx)(t.p,{children:"Using low-code tools to build a CRM system allows for rapid iteration and swift response to market changes. This cycle cements the future of low-code platforms as the go-to solution for businesses developing operational systems."}),"\n",(0,o.jsx)(t.p,{children:"The flexible capabilities of low-code allow for quick, from-the-ground-up construction of fully customized CRM tools tailored to a company's unique requirements."}),"\n",(0,o.jsx)(t.h2,{id:"advantages-of-low-code-platforms",children:"Advantages of Low-Code Platforms"}),"\n",(0,o.jsx)(t.p,{children:"The primary advantage of low-code platforms is their ability to facilitate rapid iteration. This rapid iteration is crucial for quick response to market changes, which leads to swift market share and capital acquisition, feeding back into more rapid iteration. This cycle ensures that low-code platforms will remain the preferred choice for businesses building operational systems in the near future."}),"\n",(0,o.jsx)(t.p,{children:"Building a CRM with low-code means focusing solely on business logic without worrying about operational costs or design styles. It empowers everyone to develop customized systems for their company and team."}),"\n",(0,o.jsx)(t.p,{children:"Moreover, these systems are aesthetically pleasing and easily modifiable."}),"\n",(0,o.jsx)(t.h2,{id:"building-crm-with-illa-cloud",children:"Building CRM with ILLA Cloud"}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud is a low-code platform that helps businesses quickly build their operational systems. It offers a wide range of components, enabling the rapid construction of business systems."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/crm.webp",alt:"crm"})}),"\n",(0,o.jsx)(t.p,{children:"The system built with ILLA Cloud offers several features:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Customer management"}),"\n",(0,o.jsx)(t.li,{children:"Progress tracking"}),"\n",(0,o.jsx)(t.li,{children:"Data report management"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"As a low-code tool, ILLA Cloud allows for unlimited customization, enabling the creation of bespoke features unique to a company."}),"\n",(0,o.jsx)(t.p,{children:"With drag-and-drop simplicity, ILLA Cloud enables rapid construction of custom UIs, allowing users to create a fully-functional low-code CRM in just minutes. This platform boasts an extensive array of common components, coupled with the ability to pull data from any database or data source. Therefore, choosing ILLA Cloud for building a low-code CRM is an exceptionally sound decision."}),"\n",(0,o.jsx)(t.p,{children:"The platform's user-friendly interface simplifies the CRM creation process, making it accessible even to those with minimal technical expertise. The vast selection of components ensures that every necessary feature can be easily integrated into the CRM system, tailored to specific business requirements."}),"\n",(0,o.jsx)(t.p,{children:"Furthermore, the seamless integration with various databases and data sources empowers businesses to consolidate and utilize their data efficiently, enhancing the CRM's effectiveness. This capability is crucial for businesses aiming to maintain a comprehensive and up-to-date customer database, which is at the core of any successful CRM system."}),"\n",(0,o.jsx)(t.p,{children:"In summary, ILLA Cloud's combination of ease-of-use, comprehensive component selection, and robust data integration capabilities makes it a top-tier choice for businesses looking to implement a low-code CRM solution."}),"\n",(0,o.jsx)(t.h2,{id:"advantages-of-illa-cloud",children:"Advantages of ILLA Cloud"}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud enables quick Web UI construction through drag-and-drop, eliminating the need for complex web technology skills. This accessibility allows anyone to create their own business systems."}),"\n",(0,o.jsx)(t.p,{children:"It requires no operational skills, as all products are fully hosted on the ILLA Cloud, eliminating operational costs."}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud supports collaborative team updates without any additional tools."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/team.gif",alt:"team"})}),"\n",(0,o.jsx)(t.p,{children:"ILLA also integrates complete AI capabilities. If there's a need to send text messages to customers, users can directly use the latest AI Agent within the product."}),"\n",(0,o.jsx)(t.p,{children:"We believe that building AI-Driven Business Tools is the future's preferred method."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/send.gif",alt:"send"})}),"\n",(0,o.jsx)(t.p,{children:"Flexibility has always been a strength of low-code tools, and we offer industry-leading solutions to help users quickly create their corresponding products. We hope that low-code can assist every developer in building their own low-code CRM."}),"\n",(0,o.jsx)(t.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,o.jsx)(t.p,{children:"Every company should have its own low-code CRM, as customized needs and capabilities are key to flexible operations. We hope everyone can rapidly build business tools using low-code tools."})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>l,a:()=>a});var o=i(959);const s={},n=o.createContext(s);function a(e){const t=o.useContext(n);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),o.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/84eadcb2.978d6f4f.js b/de/assets/js/84eadcb2.0c4c2dd1.js
similarity index 95%
rename from de/assets/js/84eadcb2.978d6f4f.js
rename to de/assets/js/84eadcb2.0c4c2dd1.js
index ad040bcbd6..1074021e22 100644
--- a/de/assets/js/84eadcb2.978d6f4f.js
+++ b/de/assets/js/84eadcb2.0c4c2dd1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1691],{9002:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>u});var t=i(1527),r=i(7214);const l={title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},s=void 0,o={permalink:"/illa-website/de/blog/appsmith-vs-retool",source:"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:6.21,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:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},nextItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},relatedPosts:[{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},a={authorsImageUrls:[void 0]},u=[{value:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug",id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Vorteile von Appsmith:",id:"vorteile-von-appsmith",level:3},{value:"Nachteile von Appsmith:",id:"nachteile-von-appsmith",level:3},{value:"Retool: Ein Vorreiter bei internen Tools",id:"retool-ein-vorreiter-bei-internen-tools",level:2},{value:"Vorteile von Retool:",id:"vorteile-von-retool",level:3},{value:"Nachteile von Retool:",id:"nachteile-von-retool",level:3},{value:"ILLA Cloud bietet das Beste aus beiden Welten",id:"illa-cloud-bietet-das-beste-aus-beiden-welten",level:2},{value:"Schl\xfcsselfunktionen von ILLA",id:"schl\xfcsselfunktionen-von-illa",level:3},{value:"Aktualisierte ILLA-Funktionen",id:"aktualisierte-illa-funktionen",level:3},{value:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen",id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",level:3},{value:"Fazit",id:"fazit",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",children:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," ist ein sofort einsatzbereites Low-Code-Tool, das schnelles Erstellen interner Tools mit einfachem JS erm\xf6glicht, ohne neue Projekte erstellen zu m\xfcssen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Anpassbare B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"Im Vergleich zur Verwendung einer Komponentenbibliothek erm\xf6glicht ILLA Cloud eine 10-mal schnellere Tool-Erstellung und unterst\xfctzt die gemeinsame Bearbeitung innerhalb von Teams."}),"\n",(0,t.jsx)(n.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,t.jsx)(n.p,{children:"Appsmith, eine Open-Source-Plattform mit Sitz in Indien, hat sich schnell in der Low-Code-Entwicklungswelt einen Namen gemacht. Es kann in vielen Aspekten mit dem Retool-Anwendungsersteller konkurrieren, was es zu einem ernsthaften Mitbewerber macht. Es ist jedoch wichtig, sich mit den spezifischen Eigenschaften auseinanderzusetzen, die Appsmith auszeichnen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-appsmith",children:"Vorteile von Appsmith:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Open-Source-Vorteil: Appsmith ist eine Open-Source-Plattform und stellt Entwicklern den Zugriff auf den Quellcode der Plattform zur Verf\xfcgung. Diese Offenheit f\xf6rdert die Zusammenarbeit und Anpassung und macht es zur bevorzugten Wahl f\xfcr diejenigen, die mehr Kontrolle \xfcber ihre Entwicklungsumgebung ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Cloud- und On-Premise-Bereitstellung: Appsmith bietet Flexibilit\xe4t, da es sowohl Cloud- als auch vollst\xe4ndige On-Premise-Bereitstellungen unterst\xfctzt. Diese Dualit\xe4t erm\xf6glicht es Organisationen, die Hosting-Option zu w\xe4hlen, die ihren Sicherheits- und Compliance-Anforderungen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Aktive Entwicklergemeinschaft: Appsmith verzeichnet ein wachsendes Entwickler-Community auf Plattformen wie Github. Diese Community-Unterst\xfctzung f\xfchrt zu kontinuierlichen Verbesserungen, rechtzeitigen Fehlerbehebungen und der Entwicklung neuer Funktionen, um sicherzustellen, dass die Plattform aktuell bleibt und auf die Bed\xfcrfnisse der Benutzer reagiert."}),"\n",(0,t.jsx)(n.li,{children:"Umfangreiche Integrationsm\xf6glichkeiten: Appsmith erleichtert die Integration mit einer breiten Palette von Datenbanken und APIs und erm\xf6glicht Unternehmen eine nahtlose Verbindung zu ihren Datenquellen. Diese Vielseitigkeit stellt sicher, dass Ihre Anwendungen mit den notwendigen Datenressourcen interagieren k\xf6nnen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-appsmith",children:"Nachteile von Appsmith:"}),"\n",(0,t.jsx)(n.p,{children:"Fehlende Automatisierte Workflows: Eine bemerkenswerte Einschr\xe4nkung ist das Fehlen von Unterst\xfctzung f\xfcr automatisierte Workflows oder geplante Aufgaben innerhalb von Appsmith. Dies k\xf6nnte ein Nachteil f\xfcr Organisationen sein, die komplexe Automatisierungsprozesse in ihren internen Tools ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"retool-ein-vorreiter-bei-internen-tools",children:"Retool: Ein Vorreiter bei internen Tools"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,t.jsx)(n.p,{children:"Retool ist eine etablierte Entwicklungsplattform zur Erstellung benutzerdefinierter interner Software. Es bietet einen intuitiven Drag-and-Drop-Anwendungsersteller und eine Bibliothek von vordefinierten UI-Komponenten. Es ist jedoch wichtig, sowohl seine St\xe4rken als auch seine Schw\xe4chen zu erkennen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-retool",children:"Vorteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Drag & Drop-Anwendungsersteller: Retool bietet einen intuitiven Drag-and-Drop-Anwendungsersteller, der auch Benutzern mit unterschiedlicher technischer Expertise zug\xe4nglich ist."}),"\n",(0,t.jsx)(n.li,{children:"Integrationsbibliothek: Mit einer umfangreichen Integrationsbibliothek vereinfacht Retool den Prozess der Verbindung mit Datenbanken und APIs und erm\xf6glicht Unternehmen den effizienten Zugriff und die Manipulation ihrer Daten."}),"\n",(0,t.jsx)(n.li,{children:"Granulare Berechtigungen: Retool unterst\xfctzt rollenbasierte Zugriffskontrollen, die eine sichere Umgebung bieten und sicherstellen, dass Benutzer angemessenen Zugriff auf Tools und Daten haben."}),"\n",(0,t.jsx)(n.li,{children:"Enterprise-Funktionen: Retool richtet sich an Unternehmensanforderungen und bietet Funktionen wie Single Sign-On (SSO), Audit-Protokollierung und dedizierte Unternehmensunterst\xfctzung."}),"\n",(0,t.jsx)(n.li,{children:"Native Mobile Apps: Retool Mobile bietet eine dedizierte L\xf6sung f\xfcr die Erstellung von nativen iOS- und Android-Mobilanwendungen innerhalb der Retool-Umgebung."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-retool",children:"Nachteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Begrenzte Erweiterbarkeit mit Code: Die Erweiterbarkeit von Retool ist begrenzt und unterst\xfctzt haupts\xe4chlich JavaScript. Diese Einschr\xe4nkung kann Herausforderungen f\xfcr Entwickler darstellen, die vielf\xe4ltigere Codierungsoptionen ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Schlechte Leistung: Benutzer berichten h\xe4ufig von Leistungsproblemen bei Retool-Anwendungen aufgrund der ausf\xfchrungsbasierten Codeausf\xfchrung im Browser, einzelner Schrittabfragen und fehlendem globalen Edge-Caching."}),"\n",(0,t.jsx)(n.li,{children:"Begrenzte Workflows & Geplante Aufgaben: Das Workflow-Angebot von Retool befindet sich noch in der Beta-Phase und bietet keine volle Funktionalit\xe4t. Au\xdferdem ist es nur auf Retool Cloud verf\xfcgbar, was den Zugang f\xfcr selbst gehostete Kunden einschr\xe4nkt."}),"\n",(0,t.jsx)(n.li,{children:"Nur SQL-basierte Generative KI: Die generative KI-Funktionalit\xe4t von Retool ist auf SQL beschr\xe4nkt, was m\xf6glicherweise nicht den Anforderungen von Entwicklern f\xfcr Codegenerierung und -optimierung in verschiedenen Sprachen und Anwendungsf\xe4llen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Legacy On-Premise-Bereitstellung: Das On-Premise-Bereitstellungsmodell von Retool ist ressourcenintensiv und erschwert es Unternehmen, Tools zu warten und zu aktualisieren. Dies kann Ressourcen von der Tool-Entwicklung ablenken."}),"\n",(0,t.jsx)(n.li,{children:"Hohe Kosten: Retool verwendet ein unflexibles Preismodell mit hohen Plattformgeb\xfchren, was es f\xfcr viele Organisationen teuer macht."}),"\n",(0,t.jsx)(n.li,{children:"Langsame Einf\xfchrung neuer Funktionen: Neue Funktionen werden manchmal langsam eingef\xfchrt, insbesondere f\xfcr selbst gehostete Kunden, was zu Verz\xf6gerungen bei der Nutzung der neuesten Technologien f\xfchrt."}),"\n",(0,t.jsx)(n.li,{children:"Geschlossener Quellcode: Retool ist Closed-Source, was Code-Pr\xfcfungen und Erweiterungsoptionen begrenzt."}),"\n",(0,t.jsx)(n.li,{children:"Nur US-Cloud: Retool Cloud wird in den USA gehostet, was zu Leistungseinbu\xdfen f\xfcr Benutzer und Rechenzentren au\xdferhalb der USA f\xfchren kann."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-bietet-das-beste-aus-beiden-welten",children:"ILLA Cloud bietet das Beste aus beiden Welten"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist eine der schnellsten Plattformen f\xfcr die Entwicklung interner Tools. Es spart Entwicklern wertvolle Zeit bei der Webgestaltung und anderen Aspekten ihrer Arbeit. Einer der Hauptgr\xfcnde, warum Entwickler zunehmend ILLA w\xe4hlen, ist die Bibliothek. Die Plattform hat eine reiche Sammlung von Codekomponenten konzipiert, die Sie einfach ziehen und ablegen k\xf6nnen, um komplexe Anwendungen in wenigen Minuten zu erstellen."}),"\n",(0,t.jsx)(n.p,{children:"Sie k\xf6nnen auch Anwendungsprogrammierschnittstellen verwenden, um ILLA mit einer Datenbank Ihrer Wahl zu verkn\xfcpfen. Die Plattform kann Backend- und Frontend-Daten hervorragend integrieren. Dadurch k\xf6nnen Entwickler umfangreiche Informationen mit einfachen Datenauftr\xe4gen erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Jeder Entwickler wird ILLA aus zwei Gr\xfcnden lieben - Freiheit und die M\xf6glichkeit, gleichzeitig mit anderen Entwicklern zu arbeiten. Erstens k\xf6nnen Entwickler \xfcberall JavaScript schreiben. Dies erm\xf6glicht mehr Flexibilit\xe4t in ihrer Arbeit und eine gr\xf6\xdfere Vielfalt bei den Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Zweitens k\xf6nnen Entwickler in ILLA Builder Links mit anderen Fachleuten in Echtzeit teilen. Sie k\xf6nnen also ihre Arbeit gemeinsam bearbeiten und kommentieren. Mit anderen Worten, Entwickler k\xf6nnen in einer unterhaltsamen und kollaborativen Arbeitsumgebung arbeiten. Nat\xfcrlich f\xfchrt dies zu schnelleren und besseren Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Schlie\xdflich k\xf6nnen Entwickler ihre Arbeit immer bei sich tragen, wenn sie ILLA Cloud verwenden. Mit nur einem Klick von jedem Ger\xe4t aus haben sie Zugriff auf die Cloud und gelangen zur Benutzeroberfl\xe4che von ILLA."}),"\n",(0,t.jsx)(n.h3,{id:"schl\xfcsselfunktionen-von-illa",children:"Schl\xfcsselfunktionen von ILLA"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind die Schl\xfcsselfunktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"ILLA verf\xfcgt \xfcber eine einsatzbereite Bibliothek f\xfcr React-Komponenten."}),"\n",(0,t.jsx)(n.li,{children:"Am erstaunlichsten ist, dass das ILLA-Design-Tool eine TypeScript-Typisierungsfunktion bietet und eine vorhersehbare statische Typisierung unterst\xfctzt."}),"\n",(0,t.jsx)(n.li,{children:"ILLA Design bietet eine schnelle und einfache Importfunktion, die die Produktivit\xe4t von Entwicklern verbessert."}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen auf wundersch\xf6n gestaltete und leistungsstarke Themes und Komponenten zugreifen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"aktualisierte-illa-funktionen",children:"Aktualisierte ILLA-Funktionen"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind einige aktualisierte Funktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Schnelle Integration mit jeder Datenquelle"}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen ILLA mit jeder g\xe4ngigen Datenbank oder einer anderen Datenquelle verbinden. Dieses Tool erm\xf6glicht es Ihnen, Daten aus dem Backend mit Frontend-Komponenten abzurufen."}),"\n",(0,t.jsx)(n.li,{children:"Echtzeit-Zusammenarbeit zur Steigerung der Effizienz"}),"\n",(0,t.jsx)(n.li,{children:"ILLA Builder erm\xf6glicht Entwicklern die Zusammenarbeit an einem Projekt. Sie k\xf6nnen Links zu verschiedenen Entwicklern erstellen und teilen, um ihre Tools gemeinsam zu bearbeiten und in Echtzeit mit anderen Teammitgliedern zu kommunizieren."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",children:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Builder bietet auch zahlreiche Komponenten, um die Bed\xfcrfnisse jedes Entwicklers effizient zu erf\xfcllen. Entwickler k\xf6nnen auf den Drag-and-Drop-Builder zugreifen, um schnell ihre gew\xfcnschten internen Tools zu entwickeln."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend sind Retool und Appsmith beide ausgezeichnete Low-Code-Plattformen, die Ihnen helfen k\xf6nnen, Anwendungen schnell und effizient zu erstellen. Sie haben jedoch jeweils ihre eigenen St\xe4rken und Schw\xe4chen, daher ist es wichtig, Ihre Anforderungen zu ber\xfccksichtigen, bevor Sie sich f\xfcr eine entscheiden. Wenn Sie eine umfassende Plattform mit leistungsstarken Managementfunktionen suchen, ist Tooljet m\xf6glicherweise die bessere Option f\xfcr Sie. Wenn Sie andererseits eine benutzerfreundliche Plattform suchen, die keine Programmierkenntnisse erfordert, ist Appsmith m\xf6glicherweise die bessere Wahl. Letztendlich h\xe4ngt alles davon ab, welche Art von Entwickler Sie sind und welche Art von Anwendung Sie erstellen m\xf6chten."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>s});var t=i(959);const r={},l=t.createContext(r);function s(e){const n=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1691],{9002:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>u});var t=i(1527),r=i(7214);const l={title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},s=void 0,o={permalink:"/illa-website/de/blog/appsmith-vs-retool",source:"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:6.21,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:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",tags:["tooljet","appsmith","retool"],slug:"appsmith-vs-retool",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},nextItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},relatedPosts:[{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},a={authorsImageUrls:[void 0]},u=[{value:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug",id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Vorteile von Appsmith:",id:"vorteile-von-appsmith",level:3},{value:"Nachteile von Appsmith:",id:"nachteile-von-appsmith",level:3},{value:"Retool: Ein Vorreiter bei internen Tools",id:"retool-ein-vorreiter-bei-internen-tools",level:2},{value:"Vorteile von Retool:",id:"vorteile-von-retool",level:3},{value:"Nachteile von Retool:",id:"nachteile-von-retool",level:3},{value:"ILLA Cloud bietet das Beste aus beiden Welten",id:"illa-cloud-bietet-das-beste-aus-beiden-welten",level:2},{value:"Schl\xfcsselfunktionen von ILLA",id:"schl\xfcsselfunktionen-von-illa",level:3},{value:"Aktualisierte ILLA-Funktionen",id:"aktualisierte-illa-funktionen",level:3},{value:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen",id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",level:3},{value:"Fazit",id:"fazit",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-das-beste-softwareentwicklungswerkzeug",children:"ILLA Cloud: Das beste Softwareentwicklungswerkzeug"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," ist ein sofort einsatzbereites Low-Code-Tool, das schnelles Erstellen interner Tools mit einfachem JS erm\xf6glicht, ohne neue Projekte erstellen zu m\xfcssen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Anpassbare B2B-Tools"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"Im Vergleich zur Verwendung einer Komponentenbibliothek erm\xf6glicht ILLA Cloud eine 10-mal schnellere Tool-Erstellung und unterst\xfctzt die gemeinsame Bearbeitung innerhalb von Teams."}),"\n",(0,t.jsx)(n.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,t.jsx)(n.p,{children:"Appsmith, eine Open-Source-Plattform mit Sitz in Indien, hat sich schnell in der Low-Code-Entwicklungswelt einen Namen gemacht. Es kann in vielen Aspekten mit dem Retool-Anwendungsersteller konkurrieren, was es zu einem ernsthaften Mitbewerber macht. Es ist jedoch wichtig, sich mit den spezifischen Eigenschaften auseinanderzusetzen, die Appsmith auszeichnen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-appsmith",children:"Vorteile von Appsmith:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Open-Source-Vorteil: Appsmith ist eine Open-Source-Plattform und stellt Entwicklern den Zugriff auf den Quellcode der Plattform zur Verf\xfcgung. Diese Offenheit f\xf6rdert die Zusammenarbeit und Anpassung und macht es zur bevorzugten Wahl f\xfcr diejenigen, die mehr Kontrolle \xfcber ihre Entwicklungsumgebung ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Cloud- und On-Premise-Bereitstellung: Appsmith bietet Flexibilit\xe4t, da es sowohl Cloud- als auch vollst\xe4ndige On-Premise-Bereitstellungen unterst\xfctzt. Diese Dualit\xe4t erm\xf6glicht es Organisationen, die Hosting-Option zu w\xe4hlen, die ihren Sicherheits- und Compliance-Anforderungen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Aktive Entwicklergemeinschaft: Appsmith verzeichnet ein wachsendes Entwickler-Community auf Plattformen wie Github. Diese Community-Unterst\xfctzung f\xfchrt zu kontinuierlichen Verbesserungen, rechtzeitigen Fehlerbehebungen und der Entwicklung neuer Funktionen, um sicherzustellen, dass die Plattform aktuell bleibt und auf die Bed\xfcrfnisse der Benutzer reagiert."}),"\n",(0,t.jsx)(n.li,{children:"Umfangreiche Integrationsm\xf6glichkeiten: Appsmith erleichtert die Integration mit einer breiten Palette von Datenbanken und APIs und erm\xf6glicht Unternehmen eine nahtlose Verbindung zu ihren Datenquellen. Diese Vielseitigkeit stellt sicher, dass Ihre Anwendungen mit den notwendigen Datenressourcen interagieren k\xf6nnen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-appsmith",children:"Nachteile von Appsmith:"}),"\n",(0,t.jsx)(n.p,{children:"Fehlende Automatisierte Workflows: Eine bemerkenswerte Einschr\xe4nkung ist das Fehlen von Unterst\xfctzung f\xfcr automatisierte Workflows oder geplante Aufgaben innerhalb von Appsmith. Dies k\xf6nnte ein Nachteil f\xfcr Organisationen sein, die komplexe Automatisierungsprozesse in ihren internen Tools ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"retool-ein-vorreiter-bei-internen-tools",children:"Retool: Ein Vorreiter bei internen Tools"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,t.jsx)(n.p,{children:"Retool ist eine etablierte Entwicklungsplattform zur Erstellung benutzerdefinierter interner Software. Es bietet einen intuitiven Drag-and-Drop-Anwendungsersteller und eine Bibliothek von vordefinierten UI-Komponenten. Es ist jedoch wichtig, sowohl seine St\xe4rken als auch seine Schw\xe4chen zu erkennen:"}),"\n",(0,t.jsx)(n.h3,{id:"vorteile-von-retool",children:"Vorteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Drag & Drop-Anwendungsersteller: Retool bietet einen intuitiven Drag-and-Drop-Anwendungsersteller, der auch Benutzern mit unterschiedlicher technischer Expertise zug\xe4nglich ist."}),"\n",(0,t.jsx)(n.li,{children:"Integrationsbibliothek: Mit einer umfangreichen Integrationsbibliothek vereinfacht Retool den Prozess der Verbindung mit Datenbanken und APIs und erm\xf6glicht Unternehmen den effizienten Zugriff und die Manipulation ihrer Daten."}),"\n",(0,t.jsx)(n.li,{children:"Granulare Berechtigungen: Retool unterst\xfctzt rollenbasierte Zugriffskontrollen, die eine sichere Umgebung bieten und sicherstellen, dass Benutzer angemessenen Zugriff auf Tools und Daten haben."}),"\n",(0,t.jsx)(n.li,{children:"Enterprise-Funktionen: Retool richtet sich an Unternehmensanforderungen und bietet Funktionen wie Single Sign-On (SSO), Audit-Protokollierung und dedizierte Unternehmensunterst\xfctzung."}),"\n",(0,t.jsx)(n.li,{children:"Native Mobile Apps: Retool Mobile bietet eine dedizierte L\xf6sung f\xfcr die Erstellung von nativen iOS- und Android-Mobilanwendungen innerhalb der Retool-Umgebung."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"nachteile-von-retool",children:"Nachteile von Retool:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Begrenzte Erweiterbarkeit mit Code: Die Erweiterbarkeit von Retool ist begrenzt und unterst\xfctzt haupts\xe4chlich JavaScript. Diese Einschr\xe4nkung kann Herausforderungen f\xfcr Entwickler darstellen, die vielf\xe4ltigere Codierungsoptionen ben\xf6tigen."}),"\n",(0,t.jsx)(n.li,{children:"Schlechte Leistung: Benutzer berichten h\xe4ufig von Leistungsproblemen bei Retool-Anwendungen aufgrund der ausf\xfchrungsbasierten Codeausf\xfchrung im Browser, einzelner Schrittabfragen und fehlendem globalen Edge-Caching."}),"\n",(0,t.jsx)(n.li,{children:"Begrenzte Workflows & Geplante Aufgaben: Das Workflow-Angebot von Retool befindet sich noch in der Beta-Phase und bietet keine volle Funktionalit\xe4t. Au\xdferdem ist es nur auf Retool Cloud verf\xfcgbar, was den Zugang f\xfcr selbst gehostete Kunden einschr\xe4nkt."}),"\n",(0,t.jsx)(n.li,{children:"Nur SQL-basierte Generative KI: Die generative KI-Funktionalit\xe4t von Retool ist auf SQL beschr\xe4nkt, was m\xf6glicherweise nicht den Anforderungen von Entwicklern f\xfcr Codegenerierung und -optimierung in verschiedenen Sprachen und Anwendungsf\xe4llen entspricht."}),"\n",(0,t.jsx)(n.li,{children:"Legacy On-Premise-Bereitstellung: Das On-Premise-Bereitstellungsmodell von Retool ist ressourcenintensiv und erschwert es Unternehmen, Tools zu warten und zu aktualisieren. Dies kann Ressourcen von der Tool-Entwicklung ablenken."}),"\n",(0,t.jsx)(n.li,{children:"Hohe Kosten: Retool verwendet ein unflexibles Preismodell mit hohen Plattformgeb\xfchren, was es f\xfcr viele Organisationen teuer macht."}),"\n",(0,t.jsx)(n.li,{children:"Langsame Einf\xfchrung neuer Funktionen: Neue Funktionen werden manchmal langsam eingef\xfchrt, insbesondere f\xfcr selbst gehostete Kunden, was zu Verz\xf6gerungen bei der Nutzung der neuesten Technologien f\xfchrt."}),"\n",(0,t.jsx)(n.li,{children:"Geschlossener Quellcode: Retool ist Closed-Source, was Code-Pr\xfcfungen und Erweiterungsoptionen begrenzt."}),"\n",(0,t.jsx)(n.li,{children:"Nur US-Cloud: Retool Cloud wird in den USA gehostet, was zu Leistungseinbu\xdfen f\xfcr Benutzer und Rechenzentren au\xdferhalb der USA f\xfchren kann."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud-bietet-das-beste-aus-beiden-welten",children:"ILLA Cloud bietet das Beste aus beiden Welten"}),"\n",(0,t.jsx)(n.p,{children:"ILLA ist eine der schnellsten Plattformen f\xfcr die Entwicklung interner Tools. Es spart Entwicklern wertvolle Zeit bei der Webgestaltung und anderen Aspekten ihrer Arbeit. Einer der Hauptgr\xfcnde, warum Entwickler zunehmend ILLA w\xe4hlen, ist die Bibliothek. Die Plattform hat eine reiche Sammlung von Codekomponenten konzipiert, die Sie einfach ziehen und ablegen k\xf6nnen, um komplexe Anwendungen in wenigen Minuten zu erstellen."}),"\n",(0,t.jsx)(n.p,{children:"Sie k\xf6nnen auch Anwendungsprogrammierschnittstellen verwenden, um ILLA mit einer Datenbank Ihrer Wahl zu verkn\xfcpfen. Die Plattform kann Backend- und Frontend-Daten hervorragend integrieren. Dadurch k\xf6nnen Entwickler umfangreiche Informationen mit einfachen Datenauftr\xe4gen erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Jeder Entwickler wird ILLA aus zwei Gr\xfcnden lieben - Freiheit und die M\xf6glichkeit, gleichzeitig mit anderen Entwicklern zu arbeiten. Erstens k\xf6nnen Entwickler \xfcberall JavaScript schreiben. Dies erm\xf6glicht mehr Flexibilit\xe4t in ihrer Arbeit und eine gr\xf6\xdfere Vielfalt bei den Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Zweitens k\xf6nnen Entwickler in ILLA Builder Links mit anderen Fachleuten in Echtzeit teilen. Sie k\xf6nnen also ihre Arbeit gemeinsam bearbeiten und kommentieren. Mit anderen Worten, Entwickler k\xf6nnen in einer unterhaltsamen und kollaborativen Arbeitsumgebung arbeiten. Nat\xfcrlich f\xfchrt dies zu schnelleren und besseren Ergebnissen."}),"\n",(0,t.jsx)(n.p,{children:"Schlie\xdflich k\xf6nnen Entwickler ihre Arbeit immer bei sich tragen, wenn sie ILLA Cloud verwenden. Mit nur einem Klick von jedem Ger\xe4t aus haben sie Zugriff auf die Cloud und gelangen zur Benutzeroberfl\xe4che von ILLA."}),"\n",(0,t.jsx)(n.h3,{id:"schl\xfcsselfunktionen-von-illa",children:"Schl\xfcsselfunktionen von ILLA"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind die Schl\xfcsselfunktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"ILLA verf\xfcgt \xfcber eine einsatzbereite Bibliothek f\xfcr React-Komponenten."}),"\n",(0,t.jsx)(n.li,{children:"Am erstaunlichsten ist, dass das ILLA-Design-Tool eine TypeScript-Typisierungsfunktion bietet und eine vorhersehbare statische Typisierung unterst\xfctzt."}),"\n",(0,t.jsx)(n.li,{children:"ILLA Design bietet eine schnelle und einfache Importfunktion, die die Produktivit\xe4t von Entwicklern verbessert."}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen auf wundersch\xf6n gestaltete und leistungsstarke Themes und Komponenten zugreifen."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"aktualisierte-illa-funktionen",children:"Aktualisierte ILLA-Funktionen"}),"\n",(0,t.jsx)(n.p,{children:"Hier sind einige aktualisierte Funktionen von ILLA, die Sie kennen sollten:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Schnelle Integration mit jeder Datenquelle"}),"\n",(0,t.jsx)(n.li,{children:"Sie k\xf6nnen ILLA mit jeder g\xe4ngigen Datenbank oder einer anderen Datenquelle verbinden. Dieses Tool erm\xf6glicht es Ihnen, Daten aus dem Backend mit Frontend-Komponenten abzurufen."}),"\n",(0,t.jsx)(n.li,{children:"Echtzeit-Zusammenarbeit zur Steigerung der Effizienz"}),"\n",(0,t.jsx)(n.li,{children:"ILLA Builder erm\xf6glicht Entwicklern die Zusammenarbeit an einem Projekt. Sie k\xf6nnen Links zu verschiedenen Entwicklern erstellen und teilen, um ihre Tools gemeinsam zu bearbeiten und in Echtzeit mit anderen Teammitgliedern zu kommunizieren."}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"responsive-ui-bibliothek-um-ihre-bed\xfcrfnisse-zu-erf\xfcllen",children:"Responsive UI-Bibliothek, um Ihre Bed\xfcrfnisse zu erf\xfcllen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Builder bietet auch zahlreiche Komponenten, um die Bed\xfcrfnisse jedes Entwicklers effizient zu erf\xfcllen. Entwickler k\xf6nnen auf den Drag-and-Drop-Builder zugreifen, um schnell ihre gew\xfcnschten internen Tools zu entwickeln."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend sind Retool und Appsmith beide ausgezeichnete Low-Code-Plattformen, die Ihnen helfen k\xf6nnen, Anwendungen schnell und effizient zu erstellen. Sie haben jedoch jeweils ihre eigenen St\xe4rken und Schw\xe4chen, daher ist es wichtig, Ihre Anforderungen zu ber\xfccksichtigen, bevor Sie sich f\xfcr eine entscheiden. Wenn Sie eine umfassende Plattform mit leistungsstarken Managementfunktionen suchen, ist Tooljet m\xf6glicherweise die bessere Option f\xfcr Sie. Wenn Sie andererseits eine benutzerfreundliche Plattform suchen, die keine Programmierkenntnisse erfordert, ist Appsmith m\xf6glicherweise die bessere Wahl. Letztendlich h\xe4ngt alles davon ab, welche Art von Entwickler Sie sind und welche Art von Anwendung Sie erstellen m\xf6chten."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>s});var t=i(959);const r={},l=t.createContext(r);function s(e){const n=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/88d8af9f.9cb617d9.js b/de/assets/js/88d8af9f.9cb617d9.js
deleted file mode 100644
index 38882501fb..0000000000
--- a/de/assets/js/88d8af9f.9cb617d9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(1527),o=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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},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.",date:"2024-01-03T10:00:00.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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",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.",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-03T10:00:00.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."',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-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.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 n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.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)(n.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.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)(n.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)(n.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Design"}),"\n",(0,i.jsx)(n.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(n.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.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)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(n.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(n.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(n.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(n.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Colors"}),"\n",(0,i.jsx)(n.li,{children:"Border radii"}),"\n",(0,i.jsx)(n.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(n.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(n.p,{children:"These include:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(n.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(n.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(n.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:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>a});var i=t(959);const o={},s=i.createContext(o);function a(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/88d8af9f.ec33d421.js b/de/assets/js/88d8af9f.ec33d421.js
new file mode 100644
index 0000000000..f77b86d5ae
--- /dev/null
+++ b/de/assets/js/88d8af9f.ec33d421.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),o=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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},a=void 0,l={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.",date:"2024-01-03T10:00:00.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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png",date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",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: Vergleichende Analyse von St\xe4rken und Schw\xe4chen",description:"Das Jahr 2024 ist angebrochen und das \xd6kosystem der React-Komponentenbibliotheken bleibt bl\xfchend. Dieser Artikel wird zwei derzeit beliebte Komponentenbibliotheken aus verschiedenen Perspektiven untersuchen und eine objektive Analyse bieten, um Benutzern bei der Entscheidungsfindung zu helfen.",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:3.945,date:"2024-01-03T10:00:00.000Z"},{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",permalink:"/illa-website/de/blog/popular-tool",formattedDate:"5. 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.4,date:"2024-01-05T10:00:00.000Z"},{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.000Z"}],authorPosts:[]},r={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 n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.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)(n.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.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)(n.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)(n.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Design"}),"\n",(0,i.jsx)(n.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(n.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.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)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(n.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(n.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(n.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.p,{children:(0,i.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(n.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Colors"}),"\n",(0,i.jsx)(n.li,{children:"Border radii"}),"\n",(0,i.jsx)(n.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(n.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(n.p,{children:"These include:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(n.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(n.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)(n.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)(n.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(n.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(n.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)(n.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(n.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:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,n,t)=>{t.d(n,{Z:()=>l,a:()=>a});var i=t(959);const o={},s=i.createContext(o);function a(e){const n=i.useContext(s);return i.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(o):e.components||o:a(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/8a494e53.1c77f26d.js b/de/assets/js/8a494e53.85098fd0.js
similarity index 92%
rename from de/assets/js/8a494e53.1c77f26d.js
rename to de/assets/js/8a494e53.85098fd0.js
index 5f92bcff34..5a85e257ce 100644
--- a/de/assets/js/8a494e53.1c77f26d.js
+++ b/de/assets/js/8a494e53.85098fd0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[2270],{3443:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>a,toc:()=>d});var n=t(1527),i=t(7214);const s={title:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/tooljet-vs-retool",source:"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.83,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:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},nextItem:{title:"Best Open-Source Low-Code Platform for Building Internal Tools",permalink:"/illa-website/de/blog/internal-tool"},relatedPosts:[{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Introduction",id:"introduction",level:2},{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Retool",id:"retool",level:2},{value:"Retool's key features and use cases:",id:"retools-key-features-and-use-cases",level:3},{value:"Tooljet",id:"tooljet",level:2},{value:"Tooljet's key features and use cases:",id:"tooljets-key-features-and-use-cases",level:3},{value:"Comparing Retool and Tooljet",id:"comparing-retool-and-tooljet",level:2},{value:"Choosing the Right Low-Code Platform for Your Needs",id:"choosing-the-right-low-code-platform-for-your-needs",level:2},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.h2,{id:"introduction",children:"Introduction"}),"\n",(0,n.jsx)(o.p,{children:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses looking to streamline their internal processes. Retool and Tooljet are two popular low-code platforms that have attracted attention for their ability to build internal tools with ease. In this blog, we'll compare Retool and Tooljet, exploring their key features, use cases, and performance, and introduce ILLA Cloud as a supporting platform for app development and deployment."}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.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,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,n.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,n.jsx)(o.h2,{id:"retool",children:"Retool"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,n.jsx)(o.p,{children:"Retool is a widely-used low-code platform that makes it easy to build custom internal tools, including SQL GUIs and Airtable dashboards. With its extensive integration capabilities, Retool allows users to connect to various databases and APIs, making it a popular choice for developing Redis UIs and Airtable admin panels. Retool offers both self-hosted and cloud-based solutions, making it a flexible option for businesses of all sizes. However, some users may find Retool's pricing a bit steep, which has led to a search for open-source Retool alternatives."}),"\n",(0,n.jsx)(o.h3,{id:"retools-key-features-and-use-cases",children:"Retool's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Extensive Integration Capabilities: Retool supports a wide range of databases and APIs, such as SQL, Redis, and Airtable, making it a popular choice for developing Redis UIs, SQL GUIs, and Airtable admin panels."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool features a drag-and-drop interface, which enables users to build internal tools without extensive coding knowledge. The platform also provides a range of pre-built components, such as tables, forms, and charts, to speed up the development process."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: With Retool custom components, users can create bespoke solutions tailored to their specific needs. This feature allows for greater flexibility and control over the appearance and functionality of internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Retool offers robust security features, including role-based access control, audit logs, and SSO. In addition to its cloud-based solution, Retool's self-hosted and on-premise options provide businesses with even more control over their data and infrastructure."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool offers a range of pricing plans, but its relatively higher costs may lead some users to search for more affordable open-source Retool alternatives."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,n.jsx)(o.p,{children:"Tooljet is another powerful low-code platform that enables users to build and deploy internal tools and software quickly. Like Retool, Tooljet offers a wide range of integrations, making it easy to create GUIs for Redis and MySQL, as well as handle Redis queries. Tooljet's open-source nature makes it an appealing choice for businesses looking for Retool alternatives. In addition to its ease of use and customizability, Tooljet offers a secure and compliant environment for developing internal tooling, with features like SSO and Docker support."}),"\n",(0,n.jsx)(o.h3,{id:"tooljets-key-features-and-use-cases",children:"Tooljet's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Like Retool, Tooljet offers a wide range of integrations, allowing users to connect to various databases and APIs, such as SQL, Redis, and Airtable. This makes it easy to create GUIs for Redis and MySQL and handle Redis queries."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Tooljet provides an intuitive interface with a drag-and-drop builder, making it easy for users to create and customize their internal tools. It also includes a rich library of pre-built components to facilitate rapid development."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Tooljet's open-source nature allows for greater customization and flexibility than Retool. Users can modify the source code and contribute to the platform's development, ensuring that their internal tools align with their unique requirements."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Tooljet prioritizes security, offering features like SSO, Docker support, and role-based access control. This ensures that your internal tools remain secure and compliant while using Tooljet."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Tooljet's open-source model is free to use and modify, making it an attractive and cost-effective alternative to Retool, especially for smaller businesses or those with limited budgets."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"comparing-retool-and-tooljet",children:"Comparing Retool and Tooljet"}),"\n",(0,n.jsx)(o.p,{children:"When comparing Retool and Tooljet, several key factors come into play:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Both platforms offer extensive integrations, allowing users to connect to various databases and APIs, including SQL, Redis, and Airtable. While both platforms excel in this area, your choice may depend on specific integration requirements or preferences."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool and Tooljet both provide intuitive drag-and-drop interfaces and a library of pre-built components, making it easy for users to build internal tools like Google internal tools and Airtable dashboards. Personal preferences and ease of use will play a role in determining the best option for your needs."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Retool offers custom components, while Tooljet's open-source nature allows for even greater customization. Consider the level of customization required for your internal tools when choosing between the two platforms."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both platforms prioritize security, with Retool providing self-hosted and on-premise options, while Tooljet offers SSO and Docker support. Evaluate your organization's specific security and compliance requirements when making a decision."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool's pricing may be a barrier for some users, while Tooljet's open-source model offers a more budget-friendly alternative. Consider your organization's budget and financial constraints when selecting the most suitable platform."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"choosing-the-right-low-code-platform-for-your-needs",children:"Choosing the Right Low-Code Platform for Your Needs"}),"\n",(0,n.jsx)(o.p,{children:"To choose between Retool and Tooljet, consider the following factors:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Requirements: Both platforms offer extensive integration options, so your choice may depend on specific needs or preferences. Evaluate which platform best supports the databases and APIs essential to your internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: If custom components are a priority, Retool may be the better choice. However, if you prefer an open-source platform with greater flexibility, Tooljet could be more suitable."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both Retool and Tooljet offer robust security features, so consider your specific compliance requirements when making a decision. Assess which platform best aligns with your organization's security policies and standards."}),"\n",(0,n.jsx)(o.li,{children:"Budget: If you're searching for a cost-effective solution, Tooljet's open-source model may be more appealing than Retool's pricing structure. Take into account the long-term costs associated with each platform, including potential updates and maintenance."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,n.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,n.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,n.jsx)(o.p,{children:"Any developer will love ILLA for two reasons-freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,n.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,n.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,n.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,n.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,n.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,n.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,n.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,n.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,n.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,n.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,n.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function u(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>a,a:()=>l});var n=t(959);const i={},s=n.createContext(i);function l(e){const o=n.useContext(s);return n.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(i):e.components||i:l(e.components),n.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[2270],{3443:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>a,toc:()=>d});var n=t(1527),i=t(7214);const s={title:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/tooljet-vs-retool",source:"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.83,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:"Tooljet vs Retool: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-retool",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet-retool.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-appsmith"},nextItem:{title:"Best Open-Source Low-Code Platform for Building Internal Tools",permalink:"/illa-website/de/blog/internal-tool"},relatedPosts:[{title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",permalink:"/illa-website/de/blog/tooljet-vs-appsmith",formattedDate:"23. 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:7.11,date:"2024-01-23T10:00:00.000Z"},{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Introduction",id:"introduction",level:2},{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Retool",id:"retool",level:2},{value:"Retool's key features and use cases:",id:"retools-key-features-and-use-cases",level:3},{value:"Tooljet",id:"tooljet",level:2},{value:"Tooljet's key features and use cases:",id:"tooljets-key-features-and-use-cases",level:3},{value:"Comparing Retool and Tooljet",id:"comparing-retool-and-tooljet",level:2},{value:"Choosing the Right Low-Code Platform for Your Needs",id:"choosing-the-right-low-code-platform-for-your-needs",level:2},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.h2,{id:"introduction",children:"Introduction"}),"\n",(0,n.jsx)(o.p,{children:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses looking to streamline their internal processes. Retool and Tooljet are two popular low-code platforms that have attracted attention for their ability to build internal tools with ease. In this blog, we'll compare Retool and Tooljet, exploring their key features, use cases, and performance, and introduce ILLA Cloud as a supporting platform for app development and deployment."}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.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,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\n",(0,n.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,n.jsx)(o.h2,{id:"retool",children:"Retool"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/retool.png",alt:"retool"})}),"\n",(0,n.jsx)(o.p,{children:"Retool is a widely-used low-code platform that makes it easy to build custom internal tools, including SQL GUIs and Airtable dashboards. With its extensive integration capabilities, Retool allows users to connect to various databases and APIs, making it a popular choice for developing Redis UIs and Airtable admin panels. Retool offers both self-hosted and cloud-based solutions, making it a flexible option for businesses of all sizes. However, some users may find Retool's pricing a bit steep, which has led to a search for open-source Retool alternatives."}),"\n",(0,n.jsx)(o.h3,{id:"retools-key-features-and-use-cases",children:"Retool's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Extensive Integration Capabilities: Retool supports a wide range of databases and APIs, such as SQL, Redis, and Airtable, making it a popular choice for developing Redis UIs, SQL GUIs, and Airtable admin panels."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool features a drag-and-drop interface, which enables users to build internal tools without extensive coding knowledge. The platform also provides a range of pre-built components, such as tables, forms, and charts, to speed up the development process."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: With Retool custom components, users can create bespoke solutions tailored to their specific needs. This feature allows for greater flexibility and control over the appearance and functionality of internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Retool offers robust security features, including role-based access control, audit logs, and SSO. In addition to its cloud-based solution, Retool's self-hosted and on-premise options provide businesses with even more control over their data and infrastructure."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool offers a range of pricing plans, but its relatively higher costs may lead some users to search for more affordable open-source Retool alternatives."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,n.jsx)(o.p,{children:"Tooljet is another powerful low-code platform that enables users to build and deploy internal tools and software quickly. Like Retool, Tooljet offers a wide range of integrations, making it easy to create GUIs for Redis and MySQL, as well as handle Redis queries. Tooljet's open-source nature makes it an appealing choice for businesses looking for Retool alternatives. In addition to its ease of use and customizability, Tooljet offers a secure and compliant environment for developing internal tooling, with features like SSO and Docker support."}),"\n",(0,n.jsx)(o.h3,{id:"tooljets-key-features-and-use-cases",children:"Tooljet's key features and use cases:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Like Retool, Tooljet offers a wide range of integrations, allowing users to connect to various databases and APIs, such as SQL, Redis, and Airtable. This makes it easy to create GUIs for Redis and MySQL and handle Redis queries."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Tooljet provides an intuitive interface with a drag-and-drop builder, making it easy for users to create and customize their internal tools. It also includes a rich library of pre-built components to facilitate rapid development."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Tooljet's open-source nature allows for greater customization and flexibility than Retool. Users can modify the source code and contribute to the platform's development, ensuring that their internal tools align with their unique requirements."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Tooljet prioritizes security, offering features like SSO, Docker support, and role-based access control. This ensures that your internal tools remain secure and compliant while using Tooljet."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Tooljet's open-source model is free to use and modify, making it an attractive and cost-effective alternative to Retool, especially for smaller businesses or those with limited budgets."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"comparing-retool-and-tooljet",children:"Comparing Retool and Tooljet"}),"\n",(0,n.jsx)(o.p,{children:"When comparing Retool and Tooljet, several key factors come into play:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Capabilities: Both platforms offer extensive integrations, allowing users to connect to various databases and APIs, including SQL, Redis, and Airtable. While both platforms excel in this area, your choice may depend on specific integration requirements or preferences."}),"\n",(0,n.jsx)(o.li,{children:"User Interface and Experience: Retool and Tooljet both provide intuitive drag-and-drop interfaces and a library of pre-built components, making it easy for users to build internal tools like Google internal tools and Airtable dashboards. Personal preferences and ease of use will play a role in determining the best option for your needs."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: Retool offers custom components, while Tooljet's open-source nature allows for even greater customization. Consider the level of customization required for your internal tools when choosing between the two platforms."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both platforms prioritize security, with Retool providing self-hosted and on-premise options, while Tooljet offers SSO and Docker support. Evaluate your organization's specific security and compliance requirements when making a decision."}),"\n",(0,n.jsx)(o.li,{children:"Pricing: Retool's pricing may be a barrier for some users, while Tooljet's open-source model offers a more budget-friendly alternative. Consider your organization's budget and financial constraints when selecting the most suitable platform."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"choosing-the-right-low-code-platform-for-your-needs",children:"Choosing the Right Low-Code Platform for Your Needs"}),"\n",(0,n.jsx)(o.p,{children:"To choose between Retool and Tooljet, consider the following factors:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Integration Requirements: Both platforms offer extensive integration options, so your choice may depend on specific needs or preferences. Evaluate which platform best supports the databases and APIs essential to your internal tools."}),"\n",(0,n.jsx)(o.li,{children:"Customizability: If custom components are a priority, Retool may be the better choice. However, if you prefer an open-source platform with greater flexibility, Tooljet could be more suitable."}),"\n",(0,n.jsx)(o.li,{children:"Security and Compliance: Both Retool and Tooljet offer robust security features, so consider your specific compliance requirements when making a decision. Assess which platform best aligns with your organization's security policies and standards."}),"\n",(0,n.jsx)(o.li,{children:"Budget: If you're searching for a cost-effective solution, Tooljet's open-source model may be more appealing than Retool's pricing structure. Take into account the long-term costs associated with each platform, including potential updates and maintenance."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,n.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,n.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,n.jsx)(o.p,{children:"Any developer will love ILLA for two reasons-freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,n.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,n.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,n.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,n.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,n.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,n.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,n.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,n.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,n.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,n.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,n.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,n.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function u(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>a,a:()=>l});var n=t(959);const i={},s=n.createContext(i);function l(e){const o=n.useContext(s);return n.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(i):e.components||i:l(e.components),n.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/96447363.ac053813.js b/de/assets/js/96447363.ac053813.js
deleted file mode 100644
index 5a1323b693..0000000000
--- a/de/assets/js/96447363.ac053813.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>t,metadata:()=>l,toc:()=>d});var i=n(1527),a=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],date:"2024-01-01T10:00"},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.",date:"2024-01-01T10:00:00.000Z",formattedDate:"1. 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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],date:"2024-01-01T10:00"},unlisted:!1,prevItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},nextItem:{title:"Top 7 Redis GUI Tools in 2024",permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023"},relatedPosts:[],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,a.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.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,i.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,i.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,i.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,i.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,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Postgresql"}),"\n",(0,i.jsx)(s.li,{children:"Mysql"}),"\n",(0,i.jsx)(s.li,{children:"MongoDB"}),"\n",(0,i.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"User Detail API"}),"\n",(0,i.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,i.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,i.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,i.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,i.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,i.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,i.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,i.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,i.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,i.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,i.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,i.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,i.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,i.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,i.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,i.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,i.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,i.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,i.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,i.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Data Grid"}),"\n",(0,i.jsx)(s.li,{children:"Chart"}),"\n",(0,i.jsx)(s.li,{children:"Statistic"}),"\n",(0,i.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,i.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,i.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,i.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,i.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,i.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,i.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,i.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,i.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,i.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,i.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,i.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,i.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,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,i.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.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,a.a)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},7214:(e,s,n)=>{n.d(s,{Z:()=>l,a:()=>o});var i=n(959);const a={},t=i.createContext(a);function o(e){const s=i.useContext(t);return i.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(a):e.components||a:o(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/9a8604de.e149815c.js b/de/assets/js/9a8604de.e149815c.js
deleted file mode 100644
index 1e23d91cd0..0000000000
--- a/de/assets/js/9a8604de.e149815c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4006],{966:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>g,frontMatter:()=>s,metadata:()=>o,toc:()=>a});var t=i(1527),r=i(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},l=void 0,o={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditionelle Entwicklung",permalink:"/illa-website/de/blog/tags/traditionelle-entwicklung"},{label:"JavaScript",permalink:"/illa-website/de/blog/tags/java-script"}],readingTime:3.25,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 Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},d={authorsImageUrls:[void 0]},a=[{value:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative",id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",level:2},{value:"Behandlung von benutzerorientierten Komponenten: Webflow",id:"behandlung-von-benutzerorientierten-komponenten-webflow",level:3},{value:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud",id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",level:3},{value:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens",id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",level:2},{value:"Schlussfolgerung",id:"schlussfolgerung",level:2}];function u(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",children:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative"}),"\n",(0,t.jsx)(n.p,{children:"In der dynamischen Landschaft von h\xe4ufigen Feiertagen und besonderen Anl\xe4ssen wird das Schaffen einzigartiger Online-Erlebnisse unerl\xe4sslich. Jedes Unternehmen kann seine eigenen Marketingtage haben, die ansprechende Aktivit\xe4ten erfordern. Das Entwerfen dieser Online-Marketingkampagnen stellt unweigerlich eine Entwicklungs-Herausforderung dar und erfordert eine erhebliche Ressourcenzuweisung. W\xe4hrend der Bedarf an visuell ansprechenden Designs offensichtlich ist, rechtfertigt die Gesamtkomplexit\xe4t m\xf6glicherweise nicht erhebliche Entwicklungskosten, insbesondere wenn der Lebenszyklus auf 1-2 Wochen begrenzt ist. In solchen F\xe4llen erweist sich die Wahl von Low-Code-Tools als finanziell kluge Entscheidung. Hier bef\xfcrworten wir eine spezifische Low-Code-L\xf6sung."}),"\n",(0,t.jsx)(n.h3,{id:"behandlung-von-benutzerorientierten-komponenten-webflow",children:"Behandlung von benutzerorientierten Komponenten: Webflow"}),"\n",(0,t.jsx)(n.p,{children:"Webflow, mit seiner intuitiven Drag-and-Drop-Schnittstelle und designerfreundlichen Anpassungen, erleichtert das Erstellen von visuell beeindruckenden Landing-Pages. Dieser Ansatz erm\xf6glicht es den Nutzern, mit einer \xe4sthetisch ansprechenden Website zu interagieren, und erfordert bemerkenswerterweise nur die Expertise eines einzelnen Designers. Dar\xfcber hinaus bietet Webflow eine Reihe von Vorlagen, die leicht angepasst werden k\xf6nnen, und erm\xf6glicht so den schnellen Aufbau einer exquisiten Website."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,t.jsx)(n.h3,{id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",children:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Unabh\xe4ngig von der verwendeten Frontend-Technologie ist ein effektives Verwaltungswerkzeug unverzicht"}),"\n",(0,t.jsx)(n.p,{children:"bar f\xfcr die \xdcberwachung von Gesch\xe4ftsabl\xe4ufen."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", als Low-Code-Tool direkt aus der Box, erm\xf6glicht es Entwicklern, interne Werkzeuge schnell mit einfachem JavaScript zu konstruieren und eliminiert die Notwendigkeit, neue Projekte zu erstellen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Angepasste B2B-Werkzeuge"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Verglichen mit Szenarien, die auf Komponentenbibliotheken basieren, bietet ILLA Cloud eine 10x schnellere Konstruktionsgeschwindigkeit f\xfcr die oben genannten Werkzeuge. Zus\xe4tzlich unterst\xfctzt ILLA Cloud kollaboratives Bearbeiten unter mehreren Teammitgliedern und f\xf6rdert effiziente Teamarbeit."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"Die Synergie dieser beiden Werkzeuge beschleunigt die Erstellung von Gesch\xe4ftsanforderungen in Marketing-Szenarien. Dieser synergistische Ansatz minimiert den Bedarf an umfangreichen Entwicklungsressourcen und adressiert die Nachfrage nach schneller Reaktion und Bereitstellung. Folglich treibt er die Gesch\xe4ftsiterationsgeschwindigkeit auf neue H\xf6hen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",children:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens"}),"\n",(0,t.jsx)(n.p,{children:"Der Beginn eines Projekts erfordert eine gr\xfcndliche Bewertung seiner Eigenschaften. F\xfcr umfassende toC-Produkte wie soziale Plattformen, Gaming-Anwendungen oder IM-Dienste neigt die Empfehlung zu traditionellen Entwicklungsmethoden. Dies gew\xe4hrleistet ein hohes Ma\xdf an Flexibilit\xe4t bei der Anpassung an sich entwickelnde Anforderungen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Unternehmungen, die sich auf Einzelhandel oder Dienstleistungen konzentrieren, erweist sich die Nutzung von Shopify f\xfcr die Frontend-Pr\xe4sentation als vorteilhaft. Diese Wahl garantiert eine weit verbreitete Verbreitung von Produkten und senkt gleichzeitig die Entwicklungskosten. Dar\xfcber hinaus unterst\xfctzt Shopify die Anpassung und bedient so effektiv vielf\xe4ltige Gesch\xe4ftsbed\xfcrfnisse."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,t.jsx)(n.p,{children:"In F\xe4llen, in denen eine schnelle Entwicklung einer App oder Website von gr\xf6\xdfter Bedeutung ist, kann direkte Codierung eine schnellere L\xf6sung bieten. Daher h\xe4ngt die Auswahl einer geeigneten L\xf6sung stark von den einzigartigen Merkmalen des Szenarios ab."}),"\n",(0,t.jsx)(n.p,{children:"Wenn die Backend-Funktionalit\xe4t von Shopify den Anforderungen nicht entspricht, kann die Integration von ILLA Cloud die L\xfccke schlie\xdfen und eine Plattform f\xfcr angepasste Verwaltung bereitstellen."}),"\n",(0,t.jsx)(n.h2,{id:"schlussfolgerung",children:"Schlussfolgerung"}),"\n",(0,t.jsx)(n.p,{children:"Im Entscheidungsprozess zur Auswahl von Entwicklungswerkzeugen wird ein vielschichtiger Ansatz empfohlen. W\xe4hrend direkte Codierung unvergleichliche Flexibilit\xe4t bietet, kommt sie jedoch auf Kosten der Entwicklungsgeschwindigkeit. Die strategische Integration von Low-Code-Werkzeugen und SaaS-L\xf6sungen kann erhebliche Produktivit\xe4tsgewinne erzielen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Operationen, die Flexibilit\xe4t erfordern und f\xfcr das Kerngesch\xe4ft wesentlich sind, bleiben traditionelle Entwicklungsmethoden die bevorzugte Wahl. Die Agilit\xe4t und Kontrolle, die durch traditionelle Entwicklungsmethoden geboten werden, f\xfchren zu Produkten, die speziell auf spezifische Bed\xfcrfnisse zugeschnitten sind."}),"\n",(0,t.jsx)(n.p,{children:"Letztendlich gibt es keine Einheitsl\xf6sung; die beste Wahl ist diejenige, die am engsten mit den einzigartigen Anforderungen des jeweiligen Szenarios \xfcbereinstimmt."})]})}function g(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>l});var t=i(959);const r={},s=t.createContext(r);function l(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/9a8604de.eb69df32.js b/de/assets/js/9a8604de.eb69df32.js
new file mode 100644
index 0000000000..24bc650788
--- /dev/null
+++ b/de/assets/js/9a8604de.eb69df32.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4006],{966:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>g,frontMatter:()=>s,metadata:()=>o,toc:()=>a});var t=i(1527),r=i(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},l=void 0,o={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",date:"2024-01-03T10:00:00.000Z",formattedDate:"3. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditionelle Entwicklung",permalink:"/illa-website/de/blog/tags/traditionelle-entwicklung"},{label:"JavaScript",permalink:"/illa-website/de/blog/tags/java-script"}],readingTime:3.25,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 Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["Low Code","traditionelle Entwicklung","JavaScript"],is_featured:!0,date:"2024-01-03T10:00"},unlisted:!1,prevItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"}]},d={authorsImageUrls:[void 0]},a=[{value:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative",id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",level:2},{value:"Behandlung von benutzerorientierten Komponenten: Webflow",id:"behandlung-von-benutzerorientierten-komponenten-webflow",level:3},{value:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud",id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",level:3},{value:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens",id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",level:2},{value:"Schlussfolgerung",id:"schlussfolgerung",level:2}];function u(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-einf\xfchrung-einer-vor\xfcbergehenden-gesch\xe4ftsinitiative",children:"Bei der Einf\xfchrung einer vor\xfcbergehenden Gesch\xe4ftsinitiative"}),"\n",(0,t.jsx)(n.p,{children:"In der dynamischen Landschaft von h\xe4ufigen Feiertagen und besonderen Anl\xe4ssen wird das Schaffen einzigartiger Online-Erlebnisse unerl\xe4sslich. Jedes Unternehmen kann seine eigenen Marketingtage haben, die ansprechende Aktivit\xe4ten erfordern. Das Entwerfen dieser Online-Marketingkampagnen stellt unweigerlich eine Entwicklungs-Herausforderung dar und erfordert eine erhebliche Ressourcenzuweisung. W\xe4hrend der Bedarf an visuell ansprechenden Designs offensichtlich ist, rechtfertigt die Gesamtkomplexit\xe4t m\xf6glicherweise nicht erhebliche Entwicklungskosten, insbesondere wenn der Lebenszyklus auf 1-2 Wochen begrenzt ist. In solchen F\xe4llen erweist sich die Wahl von Low-Code-Tools als finanziell kluge Entscheidung. Hier bef\xfcrworten wir eine spezifische Low-Code-L\xf6sung."}),"\n",(0,t.jsx)(n.h3,{id:"behandlung-von-benutzerorientierten-komponenten-webflow",children:"Behandlung von benutzerorientierten Komponenten: Webflow"}),"\n",(0,t.jsx)(n.p,{children:"Webflow, mit seiner intuitiven Drag-and-Drop-Schnittstelle und designerfreundlichen Anpassungen, erleichtert das Erstellen von visuell beeindruckenden Landing-Pages. Dieser Ansatz erm\xf6glicht es den Nutzern, mit einer \xe4sthetisch ansprechenden Website zu interagieren, und erfordert bemerkenswerterweise nur die Expertise eines einzelnen Designers. Dar\xfcber hinaus bietet Webflow eine Reihe von Vorlagen, die leicht angepasst werden k\xf6nnen, und erm\xf6glicht so den schnellen Aufbau einer exquisiten Website."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,t.jsx)(n.h3,{id:"verwaltung-von-gesch\xe4ftsoperationen-illa-cloud",children:"Verwaltung von Gesch\xe4ftsoperationen: ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Unabh\xe4ngig von der verwendeten Frontend-Technologie ist ein effektives Verwaltungswerkzeug unverzicht"}),"\n",(0,t.jsx)(n.p,{children:"bar f\xfcr die \xdcberwachung von Gesch\xe4ftsabl\xe4ufen."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", als Low-Code-Tool direkt aus der Box, erm\xf6glicht es Entwicklern, interne Werkzeuge schnell mit einfachem JavaScript zu konstruieren und eliminiert die Notwendigkeit, neue Projekte zu erstellen."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web- & App-Admin-Panel"}),"\n",(0,t.jsx)(n.li,{children:"Daten-Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Angepasste B2B-Werkzeuge"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Verglichen mit Szenarien, die auf Komponentenbibliotheken basieren, bietet ILLA Cloud eine 10x schnellere Konstruktionsgeschwindigkeit f\xfcr die oben genannten Werkzeuge. Zus\xe4tzlich unterst\xfctzt ILLA Cloud kollaboratives Bearbeiten unter mehreren Teammitgliedern und f\xf6rdert effiziente Teamarbeit."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.p,{children:"Die Synergie dieser beiden Werkzeuge beschleunigt die Erstellung von Gesch\xe4ftsanforderungen in Marketing-Szenarien. Dieser synergistische Ansatz minimiert den Bedarf an umfangreichen Entwicklungsressourcen und adressiert die Nachfrage nach schneller Reaktion und Bereitstellung. Folglich treibt er die Gesch\xe4ftsiterationsgeschwindigkeit auf neue H\xf6hen."}),"\n",(0,t.jsx)(n.h2,{id:"bei-der-initiierung-eines-neuen-gesch\xe4ftsunternehmens",children:"Bei der Initiierung eines neuen Gesch\xe4ftsunternehmens"}),"\n",(0,t.jsx)(n.p,{children:"Der Beginn eines Projekts erfordert eine gr\xfcndliche Bewertung seiner Eigenschaften. F\xfcr umfassende toC-Produkte wie soziale Plattformen, Gaming-Anwendungen oder IM-Dienste neigt die Empfehlung zu traditionellen Entwicklungsmethoden. Dies gew\xe4hrleistet ein hohes Ma\xdf an Flexibilit\xe4t bei der Anpassung an sich entwickelnde Anforderungen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Unternehmungen, die sich auf Einzelhandel oder Dienstleistungen konzentrieren, erweist sich die Nutzung von Shopify f\xfcr die Frontend-Pr\xe4sentation als vorteilhaft. Diese Wahl garantiert eine weit verbreitete Verbreitung von Produkten und senkt gleichzeitig die Entwicklungskosten. Dar\xfcber hinaus unterst\xfctzt Shopify die Anpassung und bedient so effektiv vielf\xe4ltige Gesch\xe4ftsbed\xfcrfnisse."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,t.jsx)(n.p,{children:"In F\xe4llen, in denen eine schnelle Entwicklung einer App oder Website von gr\xf6\xdfter Bedeutung ist, kann direkte Codierung eine schnellere L\xf6sung bieten. Daher h\xe4ngt die Auswahl einer geeigneten L\xf6sung stark von den einzigartigen Merkmalen des Szenarios ab."}),"\n",(0,t.jsx)(n.p,{children:"Wenn die Backend-Funktionalit\xe4t von Shopify den Anforderungen nicht entspricht, kann die Integration von ILLA Cloud die L\xfccke schlie\xdfen und eine Plattform f\xfcr angepasste Verwaltung bereitstellen."}),"\n",(0,t.jsx)(n.h2,{id:"schlussfolgerung",children:"Schlussfolgerung"}),"\n",(0,t.jsx)(n.p,{children:"Im Entscheidungsprozess zur Auswahl von Entwicklungswerkzeugen wird ein vielschichtiger Ansatz empfohlen. W\xe4hrend direkte Codierung unvergleichliche Flexibilit\xe4t bietet, kommt sie jedoch auf Kosten der Entwicklungsgeschwindigkeit. Die strategische Integration von Low-Code-Werkzeugen und SaaS-L\xf6sungen kann erhebliche Produktivit\xe4tsgewinne erzielen."}),"\n",(0,t.jsx)(n.p,{children:"F\xfcr Operationen, die Flexibilit\xe4t erfordern und f\xfcr das Kerngesch\xe4ft wesentlich sind, bleiben traditionelle Entwicklungsmethoden die bevorzugte Wahl. Die Agilit\xe4t und Kontrolle, die durch traditionelle Entwicklungsmethoden geboten werden, f\xfchren zu Produkten, die speziell auf spezifische Bed\xfcrfnisse zugeschnitten sind."}),"\n",(0,t.jsx)(n.p,{children:"Letztendlich gibt es keine Einheitsl\xf6sung; die beste Wahl ist diejenige, die am engsten mit den einzigartigen Anforderungen des jeweiligen Szenarios \xfcbereinstimmt."})]})}function g(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>o,a:()=>l});var t=i(959);const r={},s=t.createContext(r);function l(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/a252bbd3.8a7b6c6a.js b/de/assets/js/a252bbd3.fcbe210e.js
similarity index 81%
rename from de/assets/js/a252bbd3.8a7b6c6a.js
rename to de/assets/js/a252bbd3.fcbe210e.js
index 8912956813..a6be4c9356 100644
--- a/de/assets/js/a252bbd3.8a7b6c6a.js
+++ b/de/assets/js/a252bbd3.fcbe210e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9524],{8202:e=>{e.exports=JSON.parse('{"permalink":"/illa-website/de/blog/tags/daten-dashboard","page":1,"postsPerPage":12,"totalPages":1,"totalCount":1,"blogDescription":"A resource for ILLA, front-end ecosystem, and web development","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9524],{8202:e=>{e.exports=JSON.parse('{"permalink":"/illa-website/de/blog/tags/daten-dashboard","page":1,"postsPerPage":12,"totalPages":1,"totalCount":2,"blogDescription":"A resource for ILLA, front-end ecosystem, and web development","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/de/assets/js/ab0e4da2.899a5617.js b/de/assets/js/ab0e4da2.899a5617.js
new file mode 100644
index 0000000000..3b5506a75f
--- /dev/null
+++ b/de/assets/js/ab0e4da2.899a5617.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3967],{5456:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>o});var t=i(1527),r=i(7214);const s={slug:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},a=void 0,d={permalink:"/illa-website/de/blog/core-app-dashboard-2",source:"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"Core-App-Dashboard",permalink:"/illa-website/de/blog/tags/core-app-dashboard"}],readingTime:7.535,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:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},nextItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},relatedPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},o=[{value:"Was ist das Kern-App-Dashboard?",id:"was-ist-das-kern-app-dashboard",level:2},{value:"Warum sollten wir die Core Dash-App verwenden?",id:"warum-sollten-wir-die-core-dash-app-verwenden",level:2},{value:"Funktionen des Core-App-Dashboards",id:"funktionen-des-core-app-dashboards",level:2},{value:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?",id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",level:2},{value:"Schritt 1: Einstieg mit ILLA Cloud",id:"schritt-1-einstieg-mit-illa-cloud",level:3},{value:"Schritt 2: Erstellen eines neuen Projekts",id:"schritt-2-erstellen-eines-neuen-projekts",level:3},{value:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che",id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",level:3},{value:"Schritt 4: Integration von Datenquellen",id:"schritt-4-integration-von-datenquellen",level:3},{value:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows",id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",level:3},{value:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen",id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",level:3},{value:"Schritt 7: Testen und Bereitstellung",id:"schritt-7-testen-und-bereitstellung",level:3},{value:"Fazit",id:"fazit",level:2}];function u(e){const n={h2:"h2",h3:"h3",img:"img",p:"p",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-das-kern-app-dashboard",children:"Was ist das Kern-App-Dashboard?"}),"\n",(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Denken Sie daran wie das Armaturenbrett in einem Auto \u2013 es zeigt dem Fahrer alle wesentlichen Daten auf einen Blick und gew\xe4hrleistet eine effiziente Navigation und Fahrzeugleistung. Ebenso bietet ein Core-App-Dashboard dasselbe, jedoch f\xfcr den Anwendungsbereich."}),"\n",(0,t.jsx)(n.h2,{id:"warum-sollten-wir-die-core-dash-app-verwenden",children:"Warum sollten wir die Core Dash-App verwenden?"}),"\n",(0,t.jsx)(n.p,{children:"Die Verwendung von Core Dash-Apps, oder allgemeiner bekannt als Kern-Dashboard-Anwendungen, hat in der heutigen technologiegetriebenen Welt zunehmend an Bedeutung gewonnen. Diese Dashboards spielen eine entscheidende Rolle bei der Vereinfachung komplexer Prozesse, der Bereitstellung von Einblicken und der Verbesserung der Benutzererfahrung. Hier sind Gr\xfcnde, warum Sie in Betracht ziehen sollten, eine Core Dash-App zu verwenden:"}),"\n",(0,t.jsx)(n.p,{children:"Zentrale Steuerung: Eine Kern-Dashboard-Anwendung bietet eine einheitliche Plattform, auf der Benutzer auf verschiedene Funktionen und Features einer Anwendung zugreifen, diese \xfcberwachen und steuern k\xf6nnen. Diese Zentralisierung minimiert die Notwendigkeit, zwischen verschiedenen Schnittstellen zu wechseln, was die Effizienz steigert."}),"\n",(0,t.jsx)(n.p,{children:"Echtzeit-Datenvisualisierung: Dashboards bieten eine Echtzeit-Datenvisualisierung, die es Benutzern erm\xf6glicht, den aktuellen Status, Trends und Leistungsmetriken schnell zu erfassen. Dies kann bei der schnellen Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Verbesserte Benutzererfahrung: Ein gut gestaltetes Dashboard bietet eine intuitive Benutzeroberfl\xe4che, die es Benutzern erleichtert, zu navigieren und auf die ben\xf6tigten Informationen zuzugreifen. Dies tr\xe4gt zu einer nahtlosen und verbesserten Benutzererfahrung bei."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Core Dash-Apps k\xf6nnen oft an spezifische Anforderungen angepasst werden. Benutzer k\xf6nnen Ansichten, Metriken und sogar das Layout nach ihren Vorlieben oder Aufgabenfunktionen anpassen."}),"\n",(0,t.jsx)(n.p,{children:"Steigerung der Produktivit\xe4t: Durch die Konsolidierung wesentlicher Daten und Funktionen an einem Ort reduzieren Dashboards die Zeit, die f\xfcr die Suche nach Informationen aufgewendet wird, was zu einer Steigerung der Produktivit\xe4t f\xfchrt."}),"\n",(0,t.jsx)(n.p,{children:"Integrierte Analytik: Viele Core Dash-Apps verf\xfcgen \xfcber integrierte Analysetools, die Einblicke in das Benutzerverhalten, die Leistung der Anwendung und andere wichtige Metriken bieten. Diese Daten k\xf6nnen von unsch\xe4tzbarem Wert sein, um Wachstum und Optimierung voranzutreiben."}),"\n",(0,t.jsx)(n.p,{children:"Sicherheit: Dashboards k\xf6nnen robuste Sicherheitsfunktionen bieten, einschlie\xdflich Benutzerzugriffskontrollen, Verschl\xfcsselung und Protokollierung. Dies stellt sicher, dass sensible Daten gesch\xfctzt und nur autorisierten Benutzern zug\xe4nglich sind."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenarbeit: Einige Dashboards verf\xfcgen \xfcber kollaborative Tools, die Teams effektiver zusammenarbeiten lassen, Einblicke teilen und nahtlos innerhalb der Plattform kommunizieren k\xf6nnen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit dem Wachstum von Organisationen k\xf6nnen ihre Daten und Prozesse komplexer werden. Core Dash-Apps sind darauf ausgelegt, skalierbar zu sein, um sicherzustellen, dass sie auch bei steigenden Anforderungen effektiv und effizient bleiben."}),"\n",(0,t.jsx)(n.p,{children:"Kosteneffizienz: Durch die Integration mehrerer Funktionen und Datenquellen in eine Plattform k\xf6nnen Dashboards die Notwendigkeit f\xfcr mehrere eigenst\xe4ndige Tools reduzieren. Diese Konsolidierung kann zu Kosteneinsparungen bei der Softwarebeschaffung und -schulung f\xfchren."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungen und Mitteilungen: Dashboards k\xf6nnen so eingerichtet werden, dass sie Benachrichtigungen basierend auf bestimmten Kriterien oder Schwellenwerten senden. Dies stellt sicher, dass Benutzer umgehend \xfcber wichtige Ereignisse oder \xc4nderungen informiert werden."}),"\n",(0,t.jsx)(n.p,{children:"Unterst\xfctzung f\xfcr Entscheidungsfindung: Mit allen relevanten Daten und Analysen zur Hand k\xf6nnen Entscheidungstr\xe4ger handlungsorientierte Erkenntnisse ableiten, die ihnen bei der Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend bietet eine Core Dash-App ein leistungsstarkes und umfassendes Werkzeug f\xfcr Unternehmen und Einzelpersonen gleicherma\xdfen. Ob es um \xdcberwachung, Analyse, Zusammenarbeit oder Entscheidungsfindung geht, diese Dashboards bieten eine Vielzahl von Vorteilen, die die Effizienz, Produktivit\xe4t und die gesamte Benutzererfahrung erheblich verbessern k\xf6nnen. Wenn Sie nach einer M\xf6glichkeit suchen, Daten zu konsolidieren, Einblicke zu gewinnen und die operative Effizienz zu verbessern, k\xf6nnte eine Core Dash-App die L\xf6sung sein, die Sie ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"funktionen-des-core-app-dashboards",children:"Funktionen des Core-App-Dashboards"}),"\n",(0,t.jsx)(n.p,{children:"W\xe4hrend die spezifischen Funktionen je nach Art der Anwendung unterschiedlich sein k\xf6nnen, wird allgemein erwartet, dass ein Core-App-Dashboard die folgenden Funktionen bietet:"}),"\n",(0,t.jsx)(n.p,{children:"Umfassende Analytik: Ein \xdcberblick \xfcber die Leistungsmetriken der Anwendung, die Benutzeraktivit\xe4t und andere entscheidende Daten, die es den Benutzern erm\xf6glichen, die App-Nutzung zu verstehen und zu optimieren."}),"\n",(0,t.jsx)(n.p,{children:"Benutzerverwaltung: Eine wichtige Funktion f\xfcr Multi-User-Plattformen, das Dashboard bietet Tools f\xfcr das nahtlose Management von Benutzern \u2013 erm\xf6glicht Hinzuf\xfcgungen, \xc4nderungen, L\xf6schungen und Rollendefinitionen."}),"\n",(0,t.jsx)(n.p,{children:"Konfigurationssteuerungen: Ob \xc4nderung der Optik der Benutzeroberfl\xe4che oder Anpassung der Backend-Mechanik der Anwendung, das Dashboard erm\xf6glicht eine intuitive, zentralisierte Steuerung verschiedener Einstellungen."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungszentrale: Dies konsolidiert alle Benachrichtigungen und stellt sicher, dass Benutzer keine wichtigen Updates, Nachrichten oder Aufgaben verpassen."}),"\n",(0,t.jsx)(n.p,{children:"Aufgabenverwaltung: Einige Dashboards integrieren Aufgabenverwaltungstools, um Benutzern die Zuweisung, Verfolgung und Verwaltung von Projekten und Verantwortlichkeiten zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Integration und Erweiterungen: Dashboards k\xf6nnen Schnittstellen f\xfcr die Integration von Tools von Drittanbietern oder zur Erweiterung der F\xe4higkeiten der Anwendung bieten."}),"\n",(0,t.jsx)(n.p,{children:"Die Nutzung des Core-App-Dashboards: Was Sie beachten sollten"}),"\n",(0,t.jsx)(n.p,{children:"Die Potenziale eines Core-App-Dashboards auszusch\xf6pfen erfordert das Verst\xe4ndnis und die Ber\xfccksichtigung einiger wichtiger \xdcberlegungen:"}),"\n",(0,t.jsx)(n.p,{children:"Intuitives Design: Ein \xfcberladenes oder verwirrendes Dashboard kann Benutzer abschrecken. Die Gew\xe4hrleistung eines sauberen, intuitiven und benutzerfreundlichen Designs hat oberste Priorit\xe4t."}),"\n",(0,t.jsx)(n.p,{children:"Robuste Sicherheit: Angesichts der Kontrolle und Einblicke, die ein Dashboard bietet, darf die Sicherheit nicht gef\xe4hrdet werden. Regelm\xe4\xdfige Updates, starke Verschl\xfcsselung und Zwei-Faktor-Authentifizierung k\xf6nnen die Sicherheit erh\xf6hen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit der Weiterentwicklung von Anwendungen sollten sich Dashboards entsprechend skalieren. Dies umfasst die Aufnahme zus\xe4tzlicher Daten, Benutzer und Funktionen."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Jede Organisation oder jeder Benutzer hat einzigartige Anforderungen. Das Angebot von Anpassungsoptionen stellt sicher, dass das Dashboard relevant und effektiv bleibt."}),"\n",(0,t.jsx)(n.p,{children:"Regelm\xe4\xdfige Updates: Die digitale Welt ist dynamisch. Dashboards sollten regelm\xe4\xdfig aktualisiert werden, um neue Funktionen zu integrieren, Fehler zu beheben und die Leistung zu verbessern."}),"\n",(0,t.jsx)(n.h2,{id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",children:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?"}),"\n",(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden digitalen Welt ist die F\xe4higkeit, Daten schnell zu visualisieren und darauf zu reagieren, entscheidend. Ein gut strukturiertes Kern-App-Dashboard kann Ihr zentrales Hub f\xfcr alle wichtigen Informationen sein. In Kombination mit der innovativen Leistungsf\xe4higkeit von ILLA Cloud kann Ihr Dashboard nicht nur funktional, sondern auch transformierend sein. Hier ist, wie Sie sich auf diese transformierende Reise begeben k\xf6nnen:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h3,{id:"schritt-1-einstieg-mit-illa-cloud",children:"Schritt 1: Einstieg mit ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Ihr erster Anlaufpunkt ist die offizielle Website von ILLA Cloud. Registrieren Sie sich und erstellen Sie ein Konto. Mit diesem Schritt \xf6ffnen Sie das Tor zu einem Dashboard mit Tools, die auf die intuitive Anwendungsentwicklung zugeschnitten sind."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-2-erstellen-eines-neuen-projekts",children:"Schritt 2: Erstellen eines neuen Projekts"}),"\n",(0,t.jsx)(n.p,{children:'Finden Sie die Schaltfl\xe4che "Neues Projekt erstellen"? Klicken Sie darauf. Benennen Sie nun Ihr Projekt und f\xfcgen Sie eine Beschreibung hinzu. Angesichts unseres Fokus m\xf6chten Sie wahrscheinlich ein Kern-App-Dashboard als Ihren Projekttyp ausw\xe4hlen.'}),"\n",(0,t.jsx)(n.h3,{id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",children:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che"}),"\n",(0,t.jsx)(n.p,{children:"Nutzen Sie die St\xe4rke der Low-Code-Umgebung von ILLA Cloud. Das Erstellen einer Benutzeroberfl\xe4che wird zum Kinderspiel. Ob es sich um Schaltfl\xe4chen, Diagramme oder Widgets handelt, positionieren Sie sie nach Ihren W\xfcnschen und verleihen Sie ihnen ein Erscheinungsbild, das zu Ihrer Markenidentit\xe4t passt."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-4-integration-von-datenquellen",children:"Schritt 4: Integration von Datenquellen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud erleichtert die Datenintegration. Mit dem No-Code-API-Connector k\xf6nnen Sie Daten nahtlos aus verschiedenen Datenbanken, vielseitigen externen APIs oder einfachen Tabellenkalkulationen abrufen. Ihr Dashboard ist jetzt mit Echtzeitdaten gef\xfcllt. ILLA Cloud unterst\xfctzt eine Vielzahl von Datenquellen, um sicherzustellen, dass sie eine breite Palette von Gesch\xe4ftsanforderungen erf\xfcllt. Zum Beispiel:"}),"\n",(0,t.jsx)(n.p,{children:"Airtable: Bekannt f\xfcr seine Hybridfunktionen von Tabellenkalkulationen und Datenbanken, k\xf6nnen Unternehmen Airtables strukturierte Daten mit ILLA Cloud nutzen."}),"\n",(0,t.jsx)(n.p,{children:"Google Sheets: Viele Organisationen nutzen Google Sheets aufgrund seiner Kollaborationsfunktionen. Integrieren Sie diese Tabellen direkt in Ihr Dashboard f\xfcr einen effizienten Workflow."}),"\n",(0,t.jsx)(n.p,{children:"MySQL & PostgreSQL: Diese beliebten relationalen Datenbankverwaltungssysteme speichern gro\xdfe Mengen strukturierter Daten. Die Connector von ILLA Cloud stellen sicher, dass diese Daten nahtlos visualisiert werden k\xf6nnen."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",children:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows"}),"\n",(0,t.jsx)(n.p,{children:"Genauigkeit ist entscheidend. Mit den Datenautomatisierungs-Workflows von ILLA Cloud und der robusten Event-Handler-Funktion geh\xf6ren Inkonsistenzen der Vergangenheit an. Stellen Sie die B\xfchne f\xfcr eine akribische Datenvalidierung, passende Transformationen und synchronisierte Updates. Der Event Handler fungiert als Event-Verarbeitungsfunktion und erm\xf6glicht es Ihnen, dynamische Ausl\xf6semechanismen im Workflow zu erstellen. Kurz gesagt, seine Logik basiert auf dem Prinzip 'Wenn etwas passiert, wird etwas anderes passieren'. Dies stellt sicher, dass Ihr Dashboard immer in Echtzeit reagiert und die absolute Wahrheit widerspiegelt.\""}),"\n",(0,t.jsx)(n.p,{children:"Diese \xdcberarbeitung betont die Bedeutung des Event Handlers im Kontext der Gew\xe4hrleistung von Datenqualit\xe4t und Echtzeit-Reaktionsf\xe4higkeit."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",children:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen"}),"\n",(0,t.jsx)(n.p,{children:"Routineaufgaben k\xf6nnen automatisiert werden. Lassen Sie die Betriebsautomatisierungsfunktionen von ILLA Cloud das Ruder \xfcbernehmen. Entwerfen Sie Workflows, die proaktiv sind und Aktionen basierend auf festgelegten Kriterien initiieren. Das Ergebnis? Eine Reduzierung manueller Aufgaben und eine Steigerung der Gesamteffizienz."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-7-testen-und-bereitstellung",children:"Schritt 7: Testen und Bereitstellung"}),"\n",(0,t.jsx)(n.p,{children:"Bevor Sie Ihr Meisterwerk enth\xfcllen, testen Sie es. Verwenden Sie die ILLA Cloud-Umgebung, um sicherzustellen, dass jedes R\xe4dchen in Ihrer Dashboard-Maschine reibungslos l\xe4uft. Sobald Sie mit seiner Leistung zufrieden sind, implementieren Sie Ihr Dashboard in die gew\xfcnschte Umgebung und lassen Sie Ihre Stakeholder an seinen F\xe4higkeiten teilhaben."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Das Erstellen eines Kern-App-Dashboards mag auf den ersten Blick einsch\xfcchternd wirken, aber mit ILLA Cloud ist es vergleichbar mit dem Weben einer Geschichte - mit Daten als Ihrer Sprache. Diese Anleitung legte einen strukturierten Weg fest, der Sie von der Initiierung bis zur Bereitstellung f\xfchrt und sicherstellt, dass Ihre Reise nahtlos verl\xe4uft. Das Kern-App-Dashboard, das Sie mit ILLA Cloud erstellen, wird nicht nur ein Datenrepository sein, sondern ein Zentrum f\xfcr Erkenntnisse, das informierte Entscheidungen f\xf6rdert und Wachstum unterst\xfctzt. Tauchen Sie in die Welt von ILLA Cloud ein und machen Sie die App-Entwicklung zu einer Erfahrung, nicht nur zu einer Aufgabe."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>a});var t=i(959);const r={},s=t.createContext(r);function a(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/ab0e4da2.994c2775.js b/de/assets/js/ab0e4da2.994c2775.js
deleted file mode 100644
index 57f9ca63d5..0000000000
--- a/de/assets/js/ab0e4da2.994c2775.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3967],{5456:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>o});var t=i(1527),r=i(7214);const s={slug:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},a=void 0,d={permalink:"/illa-website/de/blog/core-app-dashboard-2",source:"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"Low Code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"Core-App-Dashboard",permalink:"/illa-website/de/blog/tags/core-app-dashboard"}],readingTime:7.535,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:"core-app-dashboard-2",title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/cover.png",tags:["Low Code","Core-App-Dashboard"],is_featured:!0,date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},nextItem:{title:"How to build a custom low code CRM in 2024",permalink:"/illa-website/de/blog/low-code-crm"},relatedPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},l={authorsImageUrls:[void 0]},o=[{value:"Was ist das Kern-App-Dashboard?",id:"was-ist-das-kern-app-dashboard",level:2},{value:"Warum sollten wir die Core Dash-App verwenden?",id:"warum-sollten-wir-die-core-dash-app-verwenden",level:2},{value:"Funktionen des Core-App-Dashboards",id:"funktionen-des-core-app-dashboards",level:2},{value:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?",id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",level:2},{value:"Schritt 1: Einstieg mit ILLA Cloud",id:"schritt-1-einstieg-mit-illa-cloud",level:3},{value:"Schritt 2: Erstellen eines neuen Projekts",id:"schritt-2-erstellen-eines-neuen-projekts",level:3},{value:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che",id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",level:3},{value:"Schritt 4: Integration von Datenquellen",id:"schritt-4-integration-von-datenquellen",level:3},{value:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows",id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",level:3},{value:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen",id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",level:3},{value:"Schritt 7: Testen und Bereitstellung",id:"schritt-7-testen-und-bereitstellung",level:3},{value:"Fazit",id:"fazit",level:2}];function u(e){const n={h2:"h2",h3:"h3",img:"img",p:"p",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.h2,{id:"was-ist-das-kern-app-dashboard",children:"Was ist das Kern-App-Dashboard?"}),"\n",(0,t.jsx)(n.p,{children:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung. Im Kern handelt es sich um eine zentrale Schnittstelle, die umfassende Einblicke und Steuerelemente bietet, die auf die Besonderheiten einer Anwendung zugeschnitten sind und bessere Entscheidungsfindung und Verwaltung erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Denken Sie daran wie das Armaturenbrett in einem Auto \u2013 es zeigt dem Fahrer alle wesentlichen Daten auf einen Blick und gew\xe4hrleistet eine effiziente Navigation und Fahrzeugleistung. Ebenso bietet ein Core-App-Dashboard dasselbe, jedoch f\xfcr den Anwendungsbereich."}),"\n",(0,t.jsx)(n.h2,{id:"warum-sollten-wir-die-core-dash-app-verwenden",children:"Warum sollten wir die Core Dash-App verwenden?"}),"\n",(0,t.jsx)(n.p,{children:"Die Verwendung von Core Dash-Apps, oder allgemeiner bekannt als Kern-Dashboard-Anwendungen, hat in der heutigen technologiegetriebenen Welt zunehmend an Bedeutung gewonnen. Diese Dashboards spielen eine entscheidende Rolle bei der Vereinfachung komplexer Prozesse, der Bereitstellung von Einblicken und der Verbesserung der Benutzererfahrung. Hier sind Gr\xfcnde, warum Sie in Betracht ziehen sollten, eine Core Dash-App zu verwenden:"}),"\n",(0,t.jsx)(n.p,{children:"Zentrale Steuerung: Eine Kern-Dashboard-Anwendung bietet eine einheitliche Plattform, auf der Benutzer auf verschiedene Funktionen und Features einer Anwendung zugreifen, diese \xfcberwachen und steuern k\xf6nnen. Diese Zentralisierung minimiert die Notwendigkeit, zwischen verschiedenen Schnittstellen zu wechseln, was die Effizienz steigert."}),"\n",(0,t.jsx)(n.p,{children:"Echtzeit-Datenvisualisierung: Dashboards bieten eine Echtzeit-Datenvisualisierung, die es Benutzern erm\xf6glicht, den aktuellen Status, Trends und Leistungsmetriken schnell zu erfassen. Dies kann bei der schnellen Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Verbesserte Benutzererfahrung: Ein gut gestaltetes Dashboard bietet eine intuitive Benutzeroberfl\xe4che, die es Benutzern erleichtert, zu navigieren und auf die ben\xf6tigten Informationen zuzugreifen. Dies tr\xe4gt zu einer nahtlosen und verbesserten Benutzererfahrung bei."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Core Dash-Apps k\xf6nnen oft an spezifische Anforderungen angepasst werden. Benutzer k\xf6nnen Ansichten, Metriken und sogar das Layout nach ihren Vorlieben oder Aufgabenfunktionen anpassen."}),"\n",(0,t.jsx)(n.p,{children:"Steigerung der Produktivit\xe4t: Durch die Konsolidierung wesentlicher Daten und Funktionen an einem Ort reduzieren Dashboards die Zeit, die f\xfcr die Suche nach Informationen aufgewendet wird, was zu einer Steigerung der Produktivit\xe4t f\xfchrt."}),"\n",(0,t.jsx)(n.p,{children:"Integrierte Analytik: Viele Core Dash-Apps verf\xfcgen \xfcber integrierte Analysetools, die Einblicke in das Benutzerverhalten, die Leistung der Anwendung und andere wichtige Metriken bieten. Diese Daten k\xf6nnen von unsch\xe4tzbarem Wert sein, um Wachstum und Optimierung voranzutreiben."}),"\n",(0,t.jsx)(n.p,{children:"Sicherheit: Dashboards k\xf6nnen robuste Sicherheitsfunktionen bieten, einschlie\xdflich Benutzerzugriffskontrollen, Verschl\xfcsselung und Protokollierung. Dies stellt sicher, dass sensible Daten gesch\xfctzt und nur autorisierten Benutzern zug\xe4nglich sind."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenarbeit: Einige Dashboards verf\xfcgen \xfcber kollaborative Tools, die Teams effektiver zusammenarbeiten lassen, Einblicke teilen und nahtlos innerhalb der Plattform kommunizieren k\xf6nnen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit dem Wachstum von Organisationen k\xf6nnen ihre Daten und Prozesse komplexer werden. Core Dash-Apps sind darauf ausgelegt, skalierbar zu sein, um sicherzustellen, dass sie auch bei steigenden Anforderungen effektiv und effizient bleiben."}),"\n",(0,t.jsx)(n.p,{children:"Kosteneffizienz: Durch die Integration mehrerer Funktionen und Datenquellen in eine Plattform k\xf6nnen Dashboards die Notwendigkeit f\xfcr mehrere eigenst\xe4ndige Tools reduzieren. Diese Konsolidierung kann zu Kosteneinsparungen bei der Softwarebeschaffung und -schulung f\xfchren."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungen und Mitteilungen: Dashboards k\xf6nnen so eingerichtet werden, dass sie Benachrichtigungen basierend auf bestimmten Kriterien oder Schwellenwerten senden. Dies stellt sicher, dass Benutzer umgehend \xfcber wichtige Ereignisse oder \xc4nderungen informiert werden."}),"\n",(0,t.jsx)(n.p,{children:"Unterst\xfctzung f\xfcr Entscheidungsfindung: Mit allen relevanten Daten und Analysen zur Hand k\xf6nnen Entscheidungstr\xe4ger handlungsorientierte Erkenntnisse ableiten, die ihnen bei der Entscheidungsfindung helfen."}),"\n",(0,t.jsx)(n.p,{children:"Zusammenfassend bietet eine Core Dash-App ein leistungsstarkes und umfassendes Werkzeug f\xfcr Unternehmen und Einzelpersonen gleicherma\xdfen. Ob es um \xdcberwachung, Analyse, Zusammenarbeit oder Entscheidungsfindung geht, diese Dashboards bieten eine Vielzahl von Vorteilen, die die Effizienz, Produktivit\xe4t und die gesamte Benutzererfahrung erheblich verbessern k\xf6nnen. Wenn Sie nach einer M\xf6glichkeit suchen, Daten zu konsolidieren, Einblicke zu gewinnen und die operative Effizienz zu verbessern, k\xf6nnte eine Core Dash-App die L\xf6sung sein, die Sie ben\xf6tigen."}),"\n",(0,t.jsx)(n.h2,{id:"funktionen-des-core-app-dashboards",children:"Funktionen des Core-App-Dashboards"}),"\n",(0,t.jsx)(n.p,{children:"W\xe4hrend die spezifischen Funktionen je nach Art der Anwendung unterschiedlich sein k\xf6nnen, wird allgemein erwartet, dass ein Core-App-Dashboard die folgenden Funktionen bietet:"}),"\n",(0,t.jsx)(n.p,{children:"Umfassende Analytik: Ein \xdcberblick \xfcber die Leistungsmetriken der Anwendung, die Benutzeraktivit\xe4t und andere entscheidende Daten, die es den Benutzern erm\xf6glichen, die App-Nutzung zu verstehen und zu optimieren."}),"\n",(0,t.jsx)(n.p,{children:"Benutzerverwaltung: Eine wichtige Funktion f\xfcr Multi-User-Plattformen, das Dashboard bietet Tools f\xfcr das nahtlose Management von Benutzern \u2013 erm\xf6glicht Hinzuf\xfcgungen, \xc4nderungen, L\xf6schungen und Rollendefinitionen."}),"\n",(0,t.jsx)(n.p,{children:"Konfigurationssteuerungen: Ob \xc4nderung der Optik der Benutzeroberfl\xe4che oder Anpassung der Backend-Mechanik der Anwendung, das Dashboard erm\xf6glicht eine intuitive, zentralisierte Steuerung verschiedener Einstellungen."}),"\n",(0,t.jsx)(n.p,{children:"Benachrichtigungszentrale: Dies konsolidiert alle Benachrichtigungen und stellt sicher, dass Benutzer keine wichtigen Updates, Nachrichten oder Aufgaben verpassen."}),"\n",(0,t.jsx)(n.p,{children:"Aufgabenverwaltung: Einige Dashboards integrieren Aufgabenverwaltungstools, um Benutzern die Zuweisung, Verfolgung und Verwaltung von Projekten und Verantwortlichkeiten zu erm\xf6glichen."}),"\n",(0,t.jsx)(n.p,{children:"Integration und Erweiterungen: Dashboards k\xf6nnen Schnittstellen f\xfcr die Integration von Tools von Drittanbietern oder zur Erweiterung der F\xe4higkeiten der Anwendung bieten."}),"\n",(0,t.jsx)(n.p,{children:"Die Nutzung des Core-App-Dashboards: Was Sie beachten sollten"}),"\n",(0,t.jsx)(n.p,{children:"Die Potenziale eines Core-App-Dashboards auszusch\xf6pfen erfordert das Verst\xe4ndnis und die Ber\xfccksichtigung einiger wichtiger \xdcberlegungen:"}),"\n",(0,t.jsx)(n.p,{children:"Intuitives Design: Ein \xfcberladenes oder verwirrendes Dashboard kann Benutzer abschrecken. Die Gew\xe4hrleistung eines sauberen, intuitiven und benutzerfreundlichen Designs hat oberste Priorit\xe4t."}),"\n",(0,t.jsx)(n.p,{children:"Robuste Sicherheit: Angesichts der Kontrolle und Einblicke, die ein Dashboard bietet, darf die Sicherheit nicht gef\xe4hrdet werden. Regelm\xe4\xdfige Updates, starke Verschl\xfcsselung und Zwei-Faktor-Authentifizierung k\xf6nnen die Sicherheit erh\xf6hen."}),"\n",(0,t.jsx)(n.p,{children:"Skalierbarkeit: Mit der Weiterentwicklung von Anwendungen sollten sich Dashboards entsprechend skalieren. Dies umfasst die Aufnahme zus\xe4tzlicher Daten, Benutzer und Funktionen."}),"\n",(0,t.jsx)(n.p,{children:"Anpassung: Jede Organisation oder jeder Benutzer hat einzigartige Anforderungen. Das Angebot von Anpassungsoptionen stellt sicher, dass das Dashboard relevant und effektiv bleibt."}),"\n",(0,t.jsx)(n.p,{children:"Regelm\xe4\xdfige Updates: Die digitale Welt ist dynamisch. Dashboards sollten regelm\xe4\xdfig aktualisiert werden, um neue Funktionen zu integrieren, Fehler zu beheben und die Leistung zu verbessern."}),"\n",(0,t.jsx)(n.h2,{id:"wie-erstellt-man-ein-kern-dashboard-mit-illa-cloud",children:"Wie erstellt man ein Kern-Dashboard mit ILLA Cloud?"}),"\n",(0,t.jsx)(n.p,{children:"In der sich st\xe4ndig weiterentwickelnden digitalen Welt ist die F\xe4higkeit, Daten schnell zu visualisieren und darauf zu reagieren, entscheidend. Ein gut strukturiertes Kern-App-Dashboard kann Ihr zentrales Hub f\xfcr alle wichtigen Informationen sein. In Kombination mit der innovativen Leistungsf\xe4higkeit von ILLA Cloud kann Ihr Dashboard nicht nur funktional, sondern auch transformierend sein. Hier ist, wie Sie sich auf diese transformierende Reise begeben k\xf6nnen:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/core-app-dashboard/dashboard.png",alt:"dashboard"})}),"\n",(0,t.jsx)(n.h3,{id:"schritt-1-einstieg-mit-illa-cloud",children:"Schritt 1: Einstieg mit ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"Ihr erster Anlaufpunkt ist die offizielle Website von ILLA Cloud. Registrieren Sie sich und erstellen Sie ein Konto. Mit diesem Schritt \xf6ffnen Sie das Tor zu einem Dashboard mit Tools, die auf die intuitive Anwendungsentwicklung zugeschnitten sind."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-2-erstellen-eines-neuen-projekts",children:"Schritt 2: Erstellen eines neuen Projekts"}),"\n",(0,t.jsx)(n.p,{children:'Finden Sie die Schaltfl\xe4che "Neues Projekt erstellen"? Klicken Sie darauf. Benennen Sie nun Ihr Projekt und f\xfcgen Sie eine Beschreibung hinzu. Angesichts unseres Fokus m\xf6chten Sie wahrscheinlich ein Kern-App-Dashboard als Ihren Projekttyp ausw\xe4hlen.'}),"\n",(0,t.jsx)(n.h3,{id:"schritt-3-gestaltung-der-benutzeroberfl\xe4che",children:"Schritt 3: Gestaltung der Benutzeroberfl\xe4che"}),"\n",(0,t.jsx)(n.p,{children:"Nutzen Sie die St\xe4rke der Low-Code-Umgebung von ILLA Cloud. Das Erstellen einer Benutzeroberfl\xe4che wird zum Kinderspiel. Ob es sich um Schaltfl\xe4chen, Diagramme oder Widgets handelt, positionieren Sie sie nach Ihren W\xfcnschen und verleihen Sie ihnen ein Erscheinungsbild, das zu Ihrer Markenidentit\xe4t passt."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-4-integration-von-datenquellen",children:"Schritt 4: Integration von Datenquellen"}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud erleichtert die Datenintegration. Mit dem No-Code-API-Connector k\xf6nnen Sie Daten nahtlos aus verschiedenen Datenbanken, vielseitigen externen APIs oder einfachen Tabellenkalkulationen abrufen. Ihr Dashboard ist jetzt mit Echtzeitdaten gef\xfcllt. ILLA Cloud unterst\xfctzt eine Vielzahl von Datenquellen, um sicherzustellen, dass sie eine breite Palette von Gesch\xe4ftsanforderungen erf\xfcllt. Zum Beispiel:"}),"\n",(0,t.jsx)(n.p,{children:"Airtable: Bekannt f\xfcr seine Hybridfunktionen von Tabellenkalkulationen und Datenbanken, k\xf6nnen Unternehmen Airtables strukturierte Daten mit ILLA Cloud nutzen."}),"\n",(0,t.jsx)(n.p,{children:"Google Sheets: Viele Organisationen nutzen Google Sheets aufgrund seiner Kollaborationsfunktionen. Integrieren Sie diese Tabellen direkt in Ihr Dashboard f\xfcr einen effizienten Workflow."}),"\n",(0,t.jsx)(n.p,{children:"MySQL & PostgreSQL: Diese beliebten relationalen Datenbankverwaltungssysteme speichern gro\xdfe Mengen strukturierter Daten. Die Connector von ILLA Cloud stellen sicher, dass diese Daten nahtlos visualisiert werden k\xf6nnen."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-5-erstellen-von-datenautomatisierungs-workflows",children:"Schritt 5: Erstellen von Datenautomatisierungs-Workflows"}),"\n",(0,t.jsx)(n.p,{children:"Genauigkeit ist entscheidend. Mit den Datenautomatisierungs-Workflows von ILLA Cloud und der robusten Event-Handler-Funktion geh\xf6ren Inkonsistenzen der Vergangenheit an. Stellen Sie die B\xfchne f\xfcr eine akribische Datenvalidierung, passende Transformationen und synchronisierte Updates. Der Event Handler fungiert als Event-Verarbeitungsfunktion und erm\xf6glicht es Ihnen, dynamische Ausl\xf6semechanismen im Workflow zu erstellen. Kurz gesagt, seine Logik basiert auf dem Prinzip 'Wenn etwas passiert, wird etwas anderes passieren'. Dies stellt sicher, dass Ihr Dashboard immer in Echtzeit reagiert und die absolute Wahrheit widerspiegelt.\""}),"\n",(0,t.jsx)(n.p,{children:"Diese \xdcberarbeitung betont die Bedeutung des Event Handlers im Kontext der Gew\xe4hrleistung von Datenqualit\xe4t und Echtzeit-Reaktionsf\xe4higkeit."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-6-automatisierung-von-betriebsabl\xe4ufen",children:"Schritt 6: Automatisierung von Betriebsabl\xe4ufen"}),"\n",(0,t.jsx)(n.p,{children:"Routineaufgaben k\xf6nnen automatisiert werden. Lassen Sie die Betriebsautomatisierungsfunktionen von ILLA Cloud das Ruder \xfcbernehmen. Entwerfen Sie Workflows, die proaktiv sind und Aktionen basierend auf festgelegten Kriterien initiieren. Das Ergebnis? Eine Reduzierung manueller Aufgaben und eine Steigerung der Gesamteffizienz."}),"\n",(0,t.jsx)(n.h3,{id:"schritt-7-testen-und-bereitstellung",children:"Schritt 7: Testen und Bereitstellung"}),"\n",(0,t.jsx)(n.p,{children:"Bevor Sie Ihr Meisterwerk enth\xfcllen, testen Sie es. Verwenden Sie die ILLA Cloud-Umgebung, um sicherzustellen, dass jedes R\xe4dchen in Ihrer Dashboard-Maschine reibungslos l\xe4uft. Sobald Sie mit seiner Leistung zufrieden sind, implementieren Sie Ihr Dashboard in die gew\xfcnschte Umgebung und lassen Sie Ihre Stakeholder an seinen F\xe4higkeiten teilhaben."}),"\n",(0,t.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,t.jsx)(n.p,{children:"Das Erstellen eines Kern-App-Dashboards mag auf den ersten Blick einsch\xfcchternd wirken, aber mit ILLA Cloud ist es vergleichbar mit dem Weben einer Geschichte - mit Daten als Ihrer Sprache. Diese Anleitung legte einen strukturierten Weg fest, der Sie von der Initiierung bis zur Bereitstellung f\xfchrt und sicherstellt, dass Ihre Reise nahtlos verl\xe4uft. Das Kern-App-Dashboard, das Sie mit ILLA Cloud erstellen, wird nicht nur ein Datenrepository sein, sondern ein Zentrum f\xfcr Erkenntnisse, das informierte Entscheidungen f\xf6rdert und Wachstum unterst\xfctzt. Tauchen Sie in die Welt von ILLA Cloud ein und machen Sie die App-Entwicklung zu einer Erfahrung, nicht nur zu einer Aufgabe."})]})}function h(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>a});var t=i(959);const r={},s=t.createContext(r);function a(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/bb85b74d.134a04fa.js b/de/assets/js/bb85b74d.134a04fa.js
deleted file mode 100644
index 52ae42d2fd..0000000000
--- a/de/assets/js/bb85b74d.134a04fa.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>t,metadata:()=>l,toc:()=>d});var i=n(1527),a=n(7214);const t={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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],date:"2024-01-01T10:00"},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.",date:"2024-01-01T10:00:00.000Z",formattedDate:"1. 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.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],date:"2024-01-01T10:00"},unlisted:!1,prevItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},nextItem:{title:"Top 7 Redis GUI Tools in 2024",permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023"},relatedPosts:[],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,a.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.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,i.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,i.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,i.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,i.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,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Postgresql"}),"\n",(0,i.jsx)(s.li,{children:"Mysql"}),"\n",(0,i.jsx)(s.li,{children:"MongoDB"}),"\n",(0,i.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"User Detail API"}),"\n",(0,i.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,i.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,i.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,i.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,i.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,i.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,i.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,i.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,i.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,i.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,i.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,i.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,i.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,i.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,i.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,i.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,i.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,i.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,i.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,i.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Data Grid"}),"\n",(0,i.jsx)(s.li,{children:"Chart"}),"\n",(0,i.jsx)(s.li,{children:"Statistic"}),"\n",(0,i.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,i.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,i.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,i.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,i.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,i.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,i.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,i.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,i.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,i.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,i.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,i.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,i.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,i.jsx)(s.p,{children:(0,i.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,i.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.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,a.a)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},7214:(e,s,n)=>{n.d(s,{Z:()=>l,a:()=>o});var i=n(959);const a={},t=i.createContext(a);function o(e){const s=i.useContext(t);return i.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(a):e.components||a:o(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/c1d2b2d8.3cd60d59.js b/de/assets/js/c1d2b2d8.3cd60d59.js
new file mode 100644
index 0000000000..f941a7f978
--- /dev/null
+++ b/de/assets/js/c1d2b2d8.3cd60d59.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1316],{495:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(1527),s=i(7214);const o={slug:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},a=void 0,r={permalink:"/illa-website/de/blog/it-support",source:"@site/blog/it-support/it-support.md",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",date:"2024-01-23T20:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:8.025,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:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},unlisted:!1,prevItem:{title:"Die n\xfctzlichsten Typscript-Hauptmerkmale",permalink:"/illa-website/de/blog/typescript-most-practical-features-compilation"},nextItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},relatedPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},c=[{value:"Job Content of IT Support",id:"job-content-of-it-support",level:2},{value:"Recommended Tools",id:"recommended-tools",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Linear",id:"linear",level:2},{value:"Advantages",id:"advantages",level:3},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Gitlab",id:"gitlab",level:2},{value:"Advantages",id:"advantages-1",level:3},{value:"Disadvantages",id:"disadvantages-1",level:3},{value:"Notion",id:"notion",level:2},{value:"Advantages",id:"advantages-2",level:3},{value:"Disadvantages",id:"disadvantages-2",level:3},{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,s.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"IT Support is divided into Technical Support and Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support requires technicians with a broad knowledge structure. Companies of a certain size all have an IT department, commonly referred to as network management, but not all companies have Program Support."}),"\n",(0,t.jsx)(n.h2,{id:"job-content-of-it-support",children:"Job Content of IT Support"}),"\n",(0,t.jsx)(n.p,{children:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database, machinery hardware equipment, etc. If the company needs any special software or to update a new system, it is usually done by forming a team with programmers from a technology company and the company's own Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support is more like a consultant, guiding the more macroscopic direction, so they generally know a lot."}),"\n",(0,t.jsx)(n.p,{children:"Program Support specializes more in coding."}),"\n",(0,t.jsx)(n.h2,{id:"recommended-tools",children:"Recommended Tools"}),"\n",(0,t.jsx)(n.p,{children:"In the course of IT Support work, we definitely need many tools to help us better complete our tasks, as every IT has many common needs. For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Handling work orders"}),"\n",(0,t.jsx)(n.li,{children:"Project management"}),"\n",(0,t.jsx)(n.li,{children:"Code management"}),"\n",(0,t.jsx)(n.li,{children:"Document management"}),"\n",(0,t.jsx)(n.li,{children:"Notifications"}),"\n",(0,t.jsx)(n.li,{children:"Meetings"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Here are some recommended tools to help everyone better complete their work."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"If you're considering building a business-logic oriented tool and only require a beautiful UI without pursuing complex animations and flashy pages, ILLA Cloud is recommended for development and construction."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n",(0,t.jsx)(n.li,{children:"CRM"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/best-citizen-developer-tool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud lets you quickly build tools through drag-and-drop without needing to write code, boosting your work efficiency by 10 times. It also natively supports team collaboration, allowing you and your colleagues to edit and build together."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also features connector capabilities, enabling quick connections to other SaaS tools you use. It supports scheduled tasks, Webhooks, parameter passing, and more."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also includes an AI Agent feature, helping you quickly build AI-driven tools, such as text analysis, voice analysis, image analysis, and more."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/agent.png",alt:"agent"})}),"\n",(0,t.jsx)(n.h2,{id:"linear",children:"Linear"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/linear.png",alt:"linear"})}),"\n",(0,t.jsx)(n.p,{children:"Linear is a project management tool that helps streamline software projects, sprints, tasks, and bug tracking. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Project Management"}),": Linear's focus on streamlining software projects suggests a user-friendly interface that simplifies complex project management tasks, making it easier for teams to follow through on project goals and deadlines."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Efficient Sprint and Task Management"}),": With features tailored for managing sprints and tasks, Linear likely offers effective tools for Agile methodologies, facilitating better planning, tracking, and execution of software development cycles."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Effective Bug Tracking"}),": The emphasis on bug tracking indicates that Linear provides robust tools for identifying, documenting, and resolving software bugs, which is crucial for maintaining software quality and reliability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Speed and Simplicity"}),": Being described as simple and fast, Linear might offer quick setup and ease of use, which can be particularly beneficial for teams looking to implement a tool without a steep learning curve."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Suitability for High-Performance Teams"}),": Built for high-performance teams, Linear is likely optimized for efficiency and scalability, supporting teams in managing complex projects without performance degradation."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential Over-Simplification"}),": While simplicity is an advantage, it might also mean that Linear lacks certain advanced features required by very large or complex projects, possibly limiting its utility for some specialized applications."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Focus on Software Projects"}),": Linear\u2019s specific focus on software projects suggests it may not be as well-suited for other types of project management, limiting its versatility for non-software teams."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve for New Users"}),": Despite its simplicity, new users, especially those not familiar with Agile methodologies, might still face a learning curve in understanding how to best utilize the tool for their specific needs."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Customization"}),": Fast and simple tools sometimes offer limited customization options, which might not meet the needs of teams that require highly tailored project management solutions."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dependence on Team Discipline"}),": The effectiveness of any project management tool, including Linear, often depends on the team's discipline in using it consistently and correctly, which can be a challenge in some organizational cultures."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"gitlab",children:"Gitlab"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/gitlab.png",alt:"gitlab"})}),"\n",(0,t.jsx)(n.p,{children:"GitLab is a complete DevOps platform, delivered as a single application. It enables Concurrent DevOps to make the software lifecycle 200% faster, radically improving the speed of business."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-1",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integrated DevOps Workflow"}),": As a single application offering a complete DevOps solution, GitLab provides an integrated environment for all stages of software development, from planning to monitoring, which can greatly simplify the workflow."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Increased Efficiency"}),": GitLab's emphasis on Concurrent DevOps suggests it supports simultaneous actions in the development cycle, which can lead to a 200% faster software lifecycle, thereby accelerating the pace of business."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"All-in-One Platform"}),": The platform's all-in-one nature means that teams can avoid the hassle of integrating multiple separate tools, which can reduce complexity and potential compatibility issues."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Collaboration"}),": GitLab likely facilitates better collaboration among team members by providing a unified platform for code repository, issue tracking, CI/CD, and more, which can enhance teamwork and productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visibility and Transparency"}),": Having all aspects of the DevOps cycle in one place can provide better visibility and transparency across the development process, enabling more informed decision-making."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-1",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve"}),": The comprehensive nature of GitLab may present a steep learning curve, especially for teams not accustomed to such an all-encompassing platform or those transitioning from simpler tools."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Resource Intensiveness"}),": Given its wide range of functionalities, GitLab could be resource-intensive, requiring significant server resources, which might be a challenge for smaller organizations or teams with limited IT infrastructure."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Overwhelming for Small Projects"}),": For smaller projects or teams, the extensive features of GitLab might be more than what is necessary, potentially leading to underutilization of the platform."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential for Vendor Lock-in"}),": Relying on a single platform for all DevOps needs may lead to vendor lock-in, where teams become dependent on GitLab and might face challenges if they decide to switch to another tool in the future."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Considerations"}),": While GitLab offers a variety of plans, including a free tier, the more advanced features, essential for larger teams and complex projects, are often part of their paid plans, which could be a significant expense for some organizations."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"notion",children:"Notion"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/notion.png",alt:"notion"})}),"\n",(0,t.jsx)(n.p,{children:"Notion is an all-in-one workspace for your notes, tasks, wikis, and databases. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-2",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Versatility"}),": As an all-in-one workspace, Notion offers a versatile platform where you can manage a variety of content types like notes, tasks, wikis, and databases. This versatility can streamline different aspects of work within a single application."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Ease of Use"}),": Described as simple and fast, Notion likely has a user-friendly interface, allowing for quick adoption and ease of use. This can reduce the learning curve and increase productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Customizability"}),": Notion's platform generally allows for a high degree of customization, enabling users to tailor it to their specific workflow needs, whether for individual use or team collaboration."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Collaboration Features"}),": Being built for high-performance teams, Notion is expected to have robust collaboration features, facilitating effective teamwork, information sharing, and project management."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integration Capabilities"}),": Notion often integrates well with other tools, which is beneficial for teams that use a variety of applications and services for their work."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-2",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potentially Overwhelming for New Users"}),": The vast array of features and customization options in Notion can be overwhelming for new users, particularly those who are looking for a more straightforward, plug-and-play type solution."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Offline Capabilities"}),": Notion's functionality can be limited when offline, which could be a drawback for users who need to access their workspace in areas with poor or no internet connectivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Performance Issues with Large Databases"}),": As databases grow in size, some users have reported performance issues with Notion, such as slower loading times and lag, which can hinder efficiency."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Export Options"}),": While Notion is great for accumulating and organizing information, exporting this data out of Notion can sometimes be a challenge, potentially causing issues with data portability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Factor for Premium Features"}),": While Notion offers a free tier, more advanced features and larger usage limits are gated behind their paid plans, which could be a consideration for budget-conscious individuals or small teams."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/connector.png",alt:"connector"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow is a low-code workflow tool that helps you automate your business processes. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,t.jsx)(n.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,t.jsx)(n.li,{children:"Book a meeting room every day"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,t.jsx)(n.li,{children:"Build a CI/CD report system"}),"\n",(0,t.jsx)(n.li,{children:"Send email when some warning occurs"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(n.p,{children:"For IT Support, simple and easy-to-use tools are key to enhancing work efficiency. Choosing the right tools for your needs is crucial. Hopefully, everyone can find useful tools and become an outstanding IT Support."})]})}function h(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>r,a:()=>a});var t=i(959);const s={},o=t.createContext(s);function a(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/c1d2b2d8.a92b6f06.js b/de/assets/js/c1d2b2d8.a92b6f06.js
deleted file mode 100644
index 3abe1dd02c..0000000000
--- a/de/assets/js/c1d2b2d8.a92b6f06.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[1316],{495:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(1527),s=i(7214);const o={slug:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},a=void 0,r={permalink:"/illa-website/de/blog/it-support",source:"@site/blog/it-support/it-support.md",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",date:"2024-01-23T20:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:8.025,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:"it-support",title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/it-support/cover.webp",tags:["workflow"],date:"2024-01-23T20:00"},unlisted:!1,prevItem:{title:"Die n\xfctzlichsten Typscript-Hauptmerkmale",permalink:"/illa-website/de/blog/typescript-most-practical-features-compilation"},nextItem:{title:"Die besten Tools f\xfcr B\xfcrgerentwickler im Jahr 2024",permalink:"/illa-website/de/blog/best-citizen-developer-tool"},relatedPosts:[{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"}],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},l={authorsImageUrls:[void 0]},c=[{value:"Job Content of IT Support",id:"job-content-of-it-support",level:2},{value:"Recommended Tools",id:"recommended-tools",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Linear",id:"linear",level:2},{value:"Advantages",id:"advantages",level:3},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Gitlab",id:"gitlab",level:2},{value:"Advantages",id:"advantages-1",level:3},{value:"Disadvantages",id:"disadvantages-1",level:3},{value:"Notion",id:"notion",level:2},{value:"Advantages",id:"advantages-2",level:3},{value:"Disadvantages",id:"disadvantages-2",level:3},{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,s.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.p,{children:"IT Support is divided into Technical Support and Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support requires technicians with a broad knowledge structure. Companies of a certain size all have an IT department, commonly referred to as network management, but not all companies have Program Support."}),"\n",(0,t.jsx)(n.h2,{id:"job-content-of-it-support",children:"Job Content of IT Support"}),"\n",(0,t.jsx)(n.p,{children:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database, machinery hardware equipment, etc. If the company needs any special software or to update a new system, it is usually done by forming a team with programmers from a technology company and the company's own Program Support."}),"\n",(0,t.jsx)(n.p,{children:"Technical Support is more like a consultant, guiding the more macroscopic direction, so they generally know a lot."}),"\n",(0,t.jsx)(n.p,{children:"Program Support specializes more in coding."}),"\n",(0,t.jsx)(n.h2,{id:"recommended-tools",children:"Recommended Tools"}),"\n",(0,t.jsx)(n.p,{children:"In the course of IT Support work, we definitely need many tools to help us better complete our tasks, as every IT has many common needs. For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Handling work orders"}),"\n",(0,t.jsx)(n.li,{children:"Project management"}),"\n",(0,t.jsx)(n.li,{children:"Code management"}),"\n",(0,t.jsx)(n.li,{children:"Document management"}),"\n",(0,t.jsx)(n.li,{children:"Notifications"}),"\n",(0,t.jsx)(n.li,{children:"Meetings"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Here are some recommended tools to help everyone better complete their work."}),"\n",(0,t.jsx)(n.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,t.jsx)(n.p,{children:"If you're considering building a business-logic oriented tool and only require a beautiful UI without pursuing complex animations and flashy pages, ILLA Cloud is recommended for development and construction."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.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,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,t.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,t.jsx)(n.li,{children:"Customized B2B Tools"}),"\n",(0,t.jsx)(n.li,{children:"CRM"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/best-citizen-developer-tool/illa.png",alt:"illa"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud lets you quickly build tools through drag-and-drop without needing to write code, boosting your work efficiency by 10 times. It also natively supports team collaboration, allowing you and your colleagues to edit and build together."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also features connector capabilities, enabling quick connections to other SaaS tools you use. It supports scheduled tasks, Webhooks, parameter passing, and more."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Cloud also includes an AI Agent feature, helping you quickly build AI-driven tools, such as text analysis, voice analysis, image analysis, and more."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/agent.png",alt:"agent"})}),"\n",(0,t.jsx)(n.h2,{id:"linear",children:"Linear"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/linear.png",alt:"linear"})}),"\n",(0,t.jsx)(n.p,{children:"Linear is a project management tool that helps streamline software projects, sprints, tasks, and bug tracking. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Project Management"}),": Linear's focus on streamlining software projects suggests a user-friendly interface that simplifies complex project management tasks, making it easier for teams to follow through on project goals and deadlines."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Efficient Sprint and Task Management"}),": With features tailored for managing sprints and tasks, Linear likely offers effective tools for Agile methodologies, facilitating better planning, tracking, and execution of software development cycles."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Effective Bug Tracking"}),": The emphasis on bug tracking indicates that Linear provides robust tools for identifying, documenting, and resolving software bugs, which is crucial for maintaining software quality and reliability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Speed and Simplicity"}),": Being described as simple and fast, Linear might offer quick setup and ease of use, which can be particularly beneficial for teams looking to implement a tool without a steep learning curve."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Suitability for High-Performance Teams"}),": Built for high-performance teams, Linear is likely optimized for efficiency and scalability, supporting teams in managing complex projects without performance degradation."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential Over-Simplification"}),": While simplicity is an advantage, it might also mean that Linear lacks certain advanced features required by very large or complex projects, possibly limiting its utility for some specialized applications."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Focus on Software Projects"}),": Linear\u2019s specific focus on software projects suggests it may not be as well-suited for other types of project management, limiting its versatility for non-software teams."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve for New Users"}),": Despite its simplicity, new users, especially those not familiar with Agile methodologies, might still face a learning curve in understanding how to best utilize the tool for their specific needs."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Customization"}),": Fast and simple tools sometimes offer limited customization options, which might not meet the needs of teams that require highly tailored project management solutions."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dependence on Team Discipline"}),": The effectiveness of any project management tool, including Linear, often depends on the team's discipline in using it consistently and correctly, which can be a challenge in some organizational cultures."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"gitlab",children:"Gitlab"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/gitlab.png",alt:"gitlab"})}),"\n",(0,t.jsx)(n.p,{children:"GitLab is a complete DevOps platform, delivered as a single application. It enables Concurrent DevOps to make the software lifecycle 200% faster, radically improving the speed of business."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-1",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integrated DevOps Workflow"}),": As a single application offering a complete DevOps solution, GitLab provides an integrated environment for all stages of software development, from planning to monitoring, which can greatly simplify the workflow."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Increased Efficiency"}),": GitLab's emphasis on Concurrent DevOps suggests it supports simultaneous actions in the development cycle, which can lead to a 200% faster software lifecycle, thereby accelerating the pace of business."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"All-in-One Platform"}),": The platform's all-in-one nature means that teams can avoid the hassle of integrating multiple separate tools, which can reduce complexity and potential compatibility issues."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Streamlined Collaboration"}),": GitLab likely facilitates better collaboration among team members by providing a unified platform for code repository, issue tracking, CI/CD, and more, which can enhance teamwork and productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visibility and Transparency"}),": Having all aspects of the DevOps cycle in one place can provide better visibility and transparency across the development process, enabling more informed decision-making."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-1",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Learning Curve"}),": The comprehensive nature of GitLab may present a steep learning curve, especially for teams not accustomed to such an all-encompassing platform or those transitioning from simpler tools."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Resource Intensiveness"}),": Given its wide range of functionalities, GitLab could be resource-intensive, requiring significant server resources, which might be a challenge for smaller organizations or teams with limited IT infrastructure."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Overwhelming for Small Projects"}),": For smaller projects or teams, the extensive features of GitLab might be more than what is necessary, potentially leading to underutilization of the platform."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potential for Vendor Lock-in"}),": Relying on a single platform for all DevOps needs may lead to vendor lock-in, where teams become dependent on GitLab and might face challenges if they decide to switch to another tool in the future."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Considerations"}),": While GitLab offers a variety of plans, including a free tier, the more advanced features, essential for larger teams and complex projects, are often part of their paid plans, which could be a significant expense for some organizations."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"notion",children:"Notion"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/notion.png",alt:"notion"})}),"\n",(0,t.jsx)(n.p,{children:"Notion is an all-in-one workspace for your notes, tasks, wikis, and databases. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.h3,{id:"advantages-2",children:"Advantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Versatility"}),": As an all-in-one workspace, Notion offers a versatile platform where you can manage a variety of content types like notes, tasks, wikis, and databases. This versatility can streamline different aspects of work within a single application."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Ease of Use"}),": Described as simple and fast, Notion likely has a user-friendly interface, allowing for quick adoption and ease of use. This can reduce the learning curve and increase productivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Customizability"}),": Notion's platform generally allows for a high degree of customization, enabling users to tailor it to their specific workflow needs, whether for individual use or team collaboration."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Collaboration Features"}),": Being built for high-performance teams, Notion is expected to have robust collaboration features, facilitating effective teamwork, information sharing, and project management."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Integration Capabilities"}),": Notion often integrates well with other tools, which is beneficial for teams that use a variety of applications and services for their work."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages-2",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Potentially Overwhelming for New Users"}),": The vast array of features and customization options in Notion can be overwhelming for new users, particularly those who are looking for a more straightforward, plug-and-play type solution."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Offline Capabilities"}),": Notion's functionality can be limited when offline, which could be a drawback for users who need to access their workspace in areas with poor or no internet connectivity."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Performance Issues with Large Databases"}),": As databases grow in size, some users have reported performance issues with Notion, such as slower loading times and lag, which can hinder efficiency."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Limited Export Options"}),": While Notion is great for accumulating and organizing information, exporting this data out of Notion can sometimes be a challenge, potentially causing issues with data portability."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Cost Factor for Premium Features"}),": While Notion offers a free tier, more advanced features and larger usage limits are gated behind their paid plans, which could be a consideration for budget-conscious individuals or small teams."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/it-support/connector.png",alt:"connector"})}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow is a low-code workflow tool that helps you automate your business processes. It is a simple, fast, and powerful tool built for high-performance teams."}),"\n",(0,t.jsx)(n.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,t.jsx)(n.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,t.jsx)(n.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,t.jsx)(n.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,t.jsx)(n.li,{children:"Book a meeting room every day"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,t.jsx)(n.li,{children:"Build a CI/CD report system"}),"\n",(0,t.jsx)(n.li,{children:"Send email when some warning occurs"}),"\n",(0,t.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(n.p,{children:"For IT Support, simple and easy-to-use tools are key to enhancing work efficiency. Choosing the right tools for your needs is crucial. Hopefully, everyone can find useful tools and become an outstanding IT Support."})]})}function h(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>r,a:()=>a});var t=i(959);const s={},o=t.createContext(s);function a(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/cd00d6d6.30ef840c.js b/de/assets/js/cd00d6d6.30ef840c.js
new file mode 100644
index 0000000000..242401c0c3
--- /dev/null
+++ b/de/assets/js/cd00d6d6.30ef840c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[170],{9287:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>o});var s=i(1527),t=i(7214);const r={slug:"build-dashboard",title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["Daten-Dashboard"],date:"2024-01-01T10:00"},l=void 0,a={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/i18n/de/docusaurus-plugin-content-blog/build-dashboard/build-dashboard.md",title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",date:"2024-01-01T10:00:00.000Z",formattedDate:"1. Januar 2024",tags:[{label:"Daten-Dashboard",permalink:"/illa-website/de/blog/tags/daten-dashboard"}],readingTime:3.07,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:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",description:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["Daten-Dashboard"],date:"2024-01-01T10:00"},unlisted:!1,prevItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},nextItem:{title:"Top 7 Redis GUI Tools in 2024",permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023"},relatedPosts:[{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",description:"Trotz meiner Erfahrung als Backend-Ingenieur fand ich mich oft damit besch\xe4ftigt, zahlreiche Daten-Dashboards und Admin-Panels zu erstellen, um den vielf\xe4ltigen Anforderungen meiner Kollegen gerecht zu werden. Vom Pr\xe4sentieren komplexer Gesch\xe4ftsdaten bis zur Visualisierung von CI/CD-Aufgaben und der Erstellung eines speziellen Admin-Panels f\xfcr ein Weihnachtsereignis konnte ich all dies in nur 14 Tagen bew\xe4ltigen.",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:2.69,date:"2024-01-03T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},o=[{value:"Einige Probleme beim Aufbau",id:"einige-probleme-beim-aufbau",level:2},{value:"Wie man das l\xf6st",id:"wie-man-das-l\xf6st",level:2},{value:"KI-gesteuert",id:"ki-gesteuert",level:2},{value:"Vorteile",id:"vorteile",level:2},{value:"Fazit",id:"fazit",level:2}];function h(e){const n={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:"Jedes Unternehmen hat sein eigenes exklusives Online-Gesch\xe4ft, und mit der fortlaufenden Aktualisierung und Iteration des Gesch\xe4fts wird die Komplexit\xe4t im Laufe der Zeit kontinuierlich zunehmen."}),"\n",(0,s.jsx)(n.p,{children:"Nachdem die Gesch\xe4ftskomplexit\xe4t ein hohes Niveau erreicht hat, m\xfcssen interne Teams verschiedene Daten anzeigen, um Entscheidungen f\xfcr zuk\xfcnftige Strategien zu treffen. Daher ben\xf6tigen wir ein flexibles Tool, um personalisierte Daten-Dashboards zu erstellen, um die vielf\xe4ltigen Anpassungsbed\xfcrfnisse der internen Teammitglieder, insbesondere des Chefs, zu erf\xfcllen und dem Team dabei zu helfen, schnell zu iterieren."}),"\n",(0,s.jsx)(n.p,{children:"Mit effizienten Tools k\xf6nnen Sie jeden Tag fr\xfch Feierabend machen."}),"\n",(0,s.jsx)(n.h2,{id:"einige-probleme-beim-aufbau",children:"Einige Probleme beim Aufbau"}),"\n",(0,s.jsx)(n.p,{children:"Das Gesch\xe4ft jedes Unternehmens ist auf verschiedene Systeme verteilt, und es gibt Verbindungen zwischen diesen Systemen. Einige Daten m\xfcssen mithilfe von Datenbanken abgefragt werden:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Postgresql"}),"\n",(0,s.jsx)(n.li,{children:"Mysql"}),"\n",(0,s.jsx)(n.li,{children:"MongoDB"}),"\n",(0,s.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Einige Daten stammen aus verschiedenen Arten von Mikroservices, die m\xf6glicherweise von einer bestimmten API abgerufen werden:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Benutzerdetails API"}),"\n",(0,s.jsx)(n.li,{children:"Produktdetails API"}),"\n",(0,s.jsx)(n.li,{children:"..."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Das Schwierigste ist, dass einige Daten eine Zusammenf\xfchrung und sekund\xe4re Verarbeitung sowohl von Datenbank- als auch von API-Daten erfordern."}),"\n",(0,s.jsx)(n.p,{children:"Diese Probleme machen es sehr umst\xe4ndlich, ein personalisiertes Daten-Dashboard zu erstellen. Wenn Sie die Entwicklung von Grund auf beginnen, m\xfcssen Sie sich an verschiedene Datenquellen anpassen, was zu erheblichen Kostensteigerungen in der Entwicklung f\xfchrt."}),"\n",(0,s.jsx)(n.p,{children:'Daher ben\xf6tigen wir ein flexibles Tool zur Anzeige von Daten-Dashboards, da "Entwicklung" nicht am wichtigsten ist; "Anzeige" ist es.'}),"\n",(0,s.jsx)(n.p,{children:"Dieses Tool ben\xf6tigt einige objektive Vorteile:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\xdcppige Diagramme zur Anzeige von Daten aus verschiedenen Dimensionen."}),"\n",(0,s.jsx)(n.li,{children:"Unterst\xfctzung f\xfcr verschiedene g\xe4ngige Datenquellen."}),"\n",(0,s.jsx)(n.li,{children:"Einfache Installation und Verwendung."}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"wie-man-das-l\xf6st",children:"Wie man das l\xf6st"}),"\n",(0,s.jsx)(n.p,{children:"Hier empfehle ich ein benutzerfreundliches Open-Source-Projekt namens ILLA Cloud. ILLA Cloud ist ein Low-Code-Tool, das speziell f\xfcr Szenarien mit personalisierten Anforderungen entwickelt wurde."}),"\n",(0,s.jsxs)(n.p,{children:["\ud83d\udcd9 Offizielle Website: ",(0,s.jsx)(n.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec Github-Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,s.jsx)(n.p,{children:"Unten sehen Sie eine Demo mit gef\xe4lschten Daten, die die Verkaufssituation eines Produkts in einem Unternehmen darstellt, einschlie\xdflich:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Monatliche Umsatzwachstumstrends"}),"\n",(0,s.jsx)(n.li,{children:"Monatliche Einnahmen"}),"\n",(0,s.jsx)(n.li,{children:"Gesamteinnahmen"}),"\n",(0,s.jsx)(n.li,{children:"Anzahl der K\xe4ufer"}),"\n",(0,s.jsx)(n.li,{children:"Detaillierte Informationen zu jedem kaufenden Benutzer"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,s.jsx)(n.p,{children:"Diese Grafik verwendet mehrere Komponenten:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Datengitter"}),"\n",(0,s.jsx)(n.li,{children:"Diagramm"}),"\n",(0,s.jsx)(n.li,{children:"Statistik"}),"\n",(0,s.jsx)(n.li,{children:"Men\xfc"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Es wurde schnell per Drag & Drop erstellt. Die Daten stammen von:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Supabase: Ein serverloses Postgresql"}),"\n",(0,s.jsx)(n.li,{children:"API"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"ILLA unterst\xfctzt verschiedene Datenquellen und erm\xf6glicht so das schnelle Abrufen von Daten aus einer Vielzahl g\xe4ngiger Quellen."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,s.jsx)(n.h2,{id:"ki-gesteuert",children:"KI-gesteuert"}),"\n",(0,s.jsx)(n.p,{children:"ILLA bietet nicht nur ein Dashboard, sondern erm\xf6glicht es auch, abgefragte Daten mithilfe des LLM (Language Model) weiter zu verarbeiten. Zum Beispiel k\xf6nnen un\xfcbersichtliche Daten in das gew\xfcnschte Format umgewandelt werden, um Daten aus mehreren Quellen abzugleichen."}),"\n",(0,s.jsx)(n.h2,{id:"vorteile",children:"Vorteile"}),"\n",(0,s.jsx)(n.p,{children:"Das Erstellen eines sch\xf6nen Dashboards ist mit Drag & Drop innerhalb weniger Minuten schnell und einfach."}),"\n",(0,s.jsx)(n.p,{children:"Dar\xfcber hinaus unterst\xfctzt ILLA Cloud im Vergleich zu verschiedenen traditionellen BI-Tools:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Die Abfrage von Daten sowohl aus Datenbanken als auch aus APIs"}),"\n",(0,s.jsx)(n.li,{children:"Einfache Installation, direkt auf der Webseite ohne Downloads verwendbar"}),"\n",(0,s.jsx)(n.li,{children:"Verwendung von Javascript f\xfcr die sekund\xe4re Datenverarbeitung, direkt und einfach"}),"\n",(0,s.jsx)(n.li,{children:"Unterst\xfctzung verschiedener g\xe4ngiger Diagramme, die die meisten Anforderungen erf\xfcllen"}),"\n",(0,s.jsx)(n.li,{children:"Die Transformer-Funktion l\xf6st effektiv das Problem der Zusammenf\xfchrung und Verarbeitung von Daten aus mehreren Quellen und beseitigt Bedenken hinsichtlich des Datenformats"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Als Open-Source-Projekt unterst\xfctzt ILLA Cloud auch die Weiterentwicklung und verf\xfcgt \xfcber eine aktive Community zur Zusammenarbeit mit anderen Entwicklern. Keine Sorgen um Wartungsprobleme."}),"\n",(0,s.jsx)(n.p,{children:"Zus\xe4tzlich kann ILLA Cloud nicht nur Daten-Dashboards erstellen, sondern auch exklusive Management-Dashboards schnell erstellen, um Ihre Gesch\xe4ftsiteration zu beschleunigen."}),"\n",(0,s.jsx)(n.p,{children:"Als Low-Code-Tool unterst\xfctzt ILLA Cloud auch die Zusammenarbeit von mehreren Personen, die gemeinsam Dashboards erstellen k\xf6nnen."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,s.jsx)(n.h2,{id:"fazit",children:"Fazit"}),"\n",(0,s.jsx)(n.p,{children:"Nach der Verwendung von ILLA Cloud m\xfcssen Sie sich keine Sorgen mehr um die personalisierten Anforderungen Ihres Chefs machen. Innerhalb weniger Minuten k\xf6nnen Sie ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef erstellen und zu einem \xe4u\xdferst effizienten Mitarbeiter werden. Warum probieren Sie es nicht gleich aus!"})]})}function u(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},7214:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>l});var s=i(959);const t={},r=s.createContext(t);function l(e){const n=s.useContext(r);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(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/d3d78a2c.145e431b.js b/de/assets/js/d3d78a2c.f9e7a9ab.js
similarity index 92%
rename from de/assets/js/d3d78a2c.145e431b.js
rename to de/assets/js/d3d78a2c.f9e7a9ab.js
index 81e22ed593..1ecdb9a053 100644
--- a/de/assets/js/d3d78a2c.145e431b.js
+++ b/de/assets/js/d3d78a2c.f9e7a9ab.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3934],{686:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var i=t(1527),n=t(7214);const s={title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/tooljet-vs-appsmith",source:"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.11,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:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",permalink:"/illa-website/de/blog/appsmith-vs-retool"},nextItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},relatedPosts:[{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"},{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Tooljet and Appsmith are two popular software development tools.",id:"tooljet-and-appsmith-are-two-popular-software-development-tools",level:2},{value:"Tooljet - better for those who want more control over their project",id:"tooljet---better-for-those-who-want-more-control-over-their-project",level:2},{value:"Pros of Tooljet:",id:"pros-of-tooljet",level:3},{value:"Cons of Tooljet:",id:"cons-of-tooljet",level:3},{value:"Appsmith - more user-friendly",id:"appsmith---more-user-friendly",level:2},{value:"Pros of Appsmith:",id:"pros-of-appsmith",level:3},{value:"Cons of Appsmith:",id:"cons-of-appsmith",level:3},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(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:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option. Both are open-source platforms with various features to choose from, but they each have their own strengths and weaknesses. This blog post will compare Tooljet and Appsmith to help you decide which is suitable for your needs."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet is excellent for those who prefer working with visual elements and drag-and-drop tools. Its user interface allows you to quickly create applications by simply dragging and dropping different components into place, making it easy and fast to build applications from the ground up. Additionally, Tooljet has powerful management features that allow you to collaborate with other users in real-time and monitor project progress."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith is an excellent option for developers who want more control over their applications. It offers a wide range of great features, such as API integration, triggers, and scripts that can add complex functionality to your apps. Moreover, Appsmith also provides an intuitive code editor, making it easy to write custom code in your projects if needed."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\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:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\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.h2,{id:"tooljet-and-appsmith-are-two-popular-software-development-tools",children:"Tooljet and Appsmith are two popular software development tools."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet and Appsmith are two extremely powerful software development tools that enable developers to create applications with data sources quickly and efficiently without too much hand coding. Both tools use intuitive drag-and-drop elements, code tools, data connectors, and a visual development process to help streamline business process management."}),"\n",(0,i.jsx)(o.p,{children:"With their extensive feature sets, both Tooljet and Appsmith have successfully served many developers as they continue to rapidly develop data-driven applications. They prove time and time again that they are essential tools for any software developer with coding knowledge looking to create advanced data-driven applications in just a few simple steps."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet---better-for-those-who-want-more-control-over-their-project",children:"Tooljet - better for those who want more control over their project"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,i.jsx)(o.p,{children:"Both Tooljet and Appsmith are powerful for citizen developers to do rapid application development. Tooljet provides flexibility with a more hands-on approach, allowing business users the control they need to create total admin panels with custom UI components."}),"\n",(0,i.jsx)(o.p,{children:"It offers an intuitive user interface that allows users to rapidly design, develop, and manage applications through a series of drag-and-drop tools, visual elements, and data sources. Beyond its easy UI, Tooljet also boasts powerful features such as real-time collaboration, comprehensive project management capabilities, and built-in components."}),"\n",(0,i.jsx)(o.p,{children:"This comprehensive suite of features makes it easier for developers to quickly build robust apps without worrying about coding from scratch. Tooljet also supports various coding languages, including Java, JavaScript, Python, and Ruby, giving developers even more freedom when creating custom applications. Additionally, Tooljet has extensive documentation for users looking for additional support when working on their projects."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-tooljet",children:"Pros of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Intuitive and easy-to-use user interface that makes it simple to create applications quickly with drag-and-drop tools"}),"\n",(0,i.jsx)(o.li,{children:"Powerful management features to help collaborate with other users in real-time and monitor project progress"}),"\n",(0,i.jsx)(o.li,{children:"Built-in analytics and reporting tools to measure the performance, usage, and reliability of applications"}),"\n",(0,i.jsx)(o.li,{children:"A feature-rich platform that supports webhooks, API integration, and custom code for added complexity"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-tooljet",children:"Cons of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"The visual approach means it can be difficult to troubleshoot problems without an understanding of the underlying code"}),"\n",(0,i.jsx)(o.li,{children:"Visual elements are limited, which may not provide enough flexibility for more complex projects"}),"\n",(0,i.jsx)(o.li,{children:"Limited support for third-party integrations, which could restrict the use cases for certain applications"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith---more-user-friendly",children:"Appsmith - more user-friendly"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,i.jsx)(o.p,{children:"On the other hand, Appsmith is ideal for those who don\u2019t have coding experience but still want to craft an app - it makes app development more accessible than ever with user-friendly tools that require no technical knowledge. Appsmith is an intuitive, user-friendly low-code platform for non-technical users to build robust data-driven applications quickly. With a simple drag-and-drop interface, you can easily create custom UI components and manage your projects with comprehensive project management capabilities."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith also offers advanced security features such as role-based access control to ensure that only authorized personnel access sensitive information. Additionally, Appsmith integrates with third-party services and supports webhooks, API integration, and custom code, which makes it a great choice for creating robust applications without the need to code from scratch."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-appsmith",children:"Pros of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Highly customizable features so developers can add complex functionality to their apps easily"}),"\n",(0,i.jsx)(o.li,{children:"Intuitive code editor makes it easy to write custom code into your projects if needed"}),"\n",(0,i.jsx)(o.li,{children:"Supports multiple programming languages such as JavaScript, HTML5, CSS3, TypeScript, etc."}),"\n",(0,i.jsx)(o.li,{children:"Flexible API integration allows users to connect various services together quickly and securely"}),"\n",(0,i.jsx)(o.li,{children:"A wide range of predefined templates and components make it easier to create new applications from scratch"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-appsmith",children:"Cons of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Not as beginner-friendly compared to other low-code platforms, which could limit its usefulness for certain users"}),"\n",(0,i.jsx)(o.li,{children:"Code changes can be tricky as they require manual adjustments every time they are made"}),"\n",(0,i.jsx)(o.li,{children:"More expensive than Tooljet, which may not make it a viable option for some budgets"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,i.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,i.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,i.jsx)(o.p,{children:"Any developer will love ILLA for two reasons- freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,i.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,i.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,i.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,i.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,i.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,i.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,i.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,i.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,i.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,i.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,i.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,i.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function p(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})}):c(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([[3934],{686:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var i=t(1527),n=t(7214);const s={title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/tooljet-vs-appsmith",source:"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",title:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",date:"2024-01-23T10:00:00.000Z",formattedDate:"23. Januar 2024",tags:[{label:"tooljet",permalink:"/illa-website/de/blog/tags/tooljet"},{label:"appsmith",permalink:"/illa-website/de/blog/tags/appsmith"},{label:"retool",permalink:"/illa-website/de/blog/tags/retool"}],readingTime:7.11,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:"Tooljet vs Appsmitm: Which open-source low-code platform is better?",tags:["tooljet","appsmith","retool"],slug:"tooljet-vs-appsmith",description:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith-tooljet.webp",date:"2024-01-23T10:00"},unlisted:!1,prevItem:{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",permalink:"/illa-website/de/blog/appsmith-vs-retool"},nextItem:{title:"Tooljet vs Retool: Which open-source low-code platform is better?",permalink:"/illa-website/de/blog/tooljet-vs-retool"},relatedPosts:[{title:"Appsmith vs Retool: Welche Open-Source Low-Code-Plattform ist besser?",description:"In der sich st\xe4ndig weiterentwickelnden Welt der Low-Code-Entwicklungsplattformen haben sich Appsmith und Retool als starke Konkurrenten etabliert, die jeweils einzigartige Funktionen und F\xe4higkeiten bieten. Diese Plattformen zielen darauf ab, die Anwendungsentwicklung zu vereinfachen und Organisationen zu bef\xe4higen, benutzerdefinierte interne Tools effizient zu erstellen. In diesem umfassenden Vergleich werden wir die St\xe4rken und Schw\xe4chen beider Plattformen erkunden und eine erstklassige Alternative, ILLA Cloud, vorstellen, um Ihnen bei Ihrer Low-Code-Entwicklungsaufgabe eine informierte Entscheidung zu erm\xf6glichen.",permalink:"/illa-website/de/blog/appsmith-vs-retool",formattedDate:"23. 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:6.21,date:"2024-01-23T10:00:00.000Z"},{title:"Tooljet vs Retool: Which open-source low-code platform is better?",description:"The demand for efficient and easy-to-use internal tools is on the rise, and low-code platforms have emerged as the go-to solution for businesses.",permalink:"/illa-website/de/blog/tooljet-vs-retool",formattedDate:"23. 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:7.83,date:"2024-01-23T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"ILLA Cloud: The best software development tool",id:"illa-cloud-the-best-software-development-tool",level:2},{value:"Tooljet and Appsmith are two popular software development tools.",id:"tooljet-and-appsmith-are-two-popular-software-development-tools",level:2},{value:"Tooljet - better for those who want more control over their project",id:"tooljet---better-for-those-who-want-more-control-over-their-project",level:2},{value:"Pros of Tooljet:",id:"pros-of-tooljet",level:3},{value:"Cons of Tooljet:",id:"cons-of-tooljet",level:3},{value:"Appsmith - more user-friendly",id:"appsmith---more-user-friendly",level:2},{value:"Pros of Appsmith:",id:"pros-of-appsmith",level:3},{value:"Cons of Appsmith:",id:"cons-of-appsmith",level:3},{value:"ILLA Cloud offers the best of both worlds",id:"illa-cloud-offers-the-best-of-both-worlds",level:2},{value:"Key features of ILLA",id:"key-features-of-illa",level:3},{value:"Upgraded ILLA features",id:"upgraded-illa-features",level:3},{value:"Responsive UI library to meet your needs",id:"responsive-ui-library-to-meet-your-needs",level:3},{value:"Conclusion",id:"conclusion",level:2}];function c(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:"If you\u2019re considering using a low-code development platform to build applications, you may wonder whether Tooljet or Appsmith is the better option. Both are open-source platforms with various features to choose from, but they each have their own strengths and weaknesses. This blog post will compare Tooljet and Appsmith to help you decide which is suitable for your needs."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet is excellent for those who prefer working with visual elements and drag-and-drop tools. Its user interface allows you to quickly create applications by simply dragging and dropping different components into place, making it easy and fast to build applications from the ground up. Additionally, Tooljet has powerful management features that allow you to collaborate with other users in real-time and monitor project progress."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith is an excellent option for developers who want more control over their applications. It offers a wide range of great features, such as API integration, triggers, and scripts that can add complex functionality to your apps. Moreover, Appsmith also provides an intuitive code editor, making it easy to write custom code in your projects if needed."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-the-best-software-development-tool",children:"ILLA Cloud: The best software development tool"}),"\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:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/illa.png",alt:"illa"})}),"\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.h2,{id:"tooljet-and-appsmith-are-two-popular-software-development-tools",children:"Tooljet and Appsmith are two popular software development tools."}),"\n",(0,i.jsx)(o.p,{children:"Tooljet and Appsmith are two extremely powerful software development tools that enable developers to create applications with data sources quickly and efficiently without too much hand coding. Both tools use intuitive drag-and-drop elements, code tools, data connectors, and a visual development process to help streamline business process management."}),"\n",(0,i.jsx)(o.p,{children:"With their extensive feature sets, both Tooljet and Appsmith have successfully served many developers as they continue to rapidly develop data-driven applications. They prove time and time again that they are essential tools for any software developer with coding knowledge looking to create advanced data-driven applications in just a few simple steps."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet---better-for-those-who-want-more-control-over-their-project",children:"Tooljet - better for those who want more control over their project"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/tooljet.png",alt:"tooljet"})}),"\n",(0,i.jsx)(o.p,{children:"Both Tooljet and Appsmith are powerful for citizen developers to do rapid application development. Tooljet provides flexibility with a more hands-on approach, allowing business users the control they need to create total admin panels with custom UI components."}),"\n",(0,i.jsx)(o.p,{children:"It offers an intuitive user interface that allows users to rapidly design, develop, and manage applications through a series of drag-and-drop tools, visual elements, and data sources. Beyond its easy UI, Tooljet also boasts powerful features such as real-time collaboration, comprehensive project management capabilities, and built-in components."}),"\n",(0,i.jsx)(o.p,{children:"This comprehensive suite of features makes it easier for developers to quickly build robust apps without worrying about coding from scratch. Tooljet also supports various coding languages, including Java, JavaScript, Python, and Ruby, giving developers even more freedom when creating custom applications. Additionally, Tooljet has extensive documentation for users looking for additional support when working on their projects."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-tooljet",children:"Pros of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Intuitive and easy-to-use user interface that makes it simple to create applications quickly with drag-and-drop tools"}),"\n",(0,i.jsx)(o.li,{children:"Powerful management features to help collaborate with other users in real-time and monitor project progress"}),"\n",(0,i.jsx)(o.li,{children:"Built-in analytics and reporting tools to measure the performance, usage, and reliability of applications"}),"\n",(0,i.jsx)(o.li,{children:"A feature-rich platform that supports webhooks, API integration, and custom code for added complexity"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-tooljet",children:"Cons of Tooljet:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"The visual approach means it can be difficult to troubleshoot problems without an understanding of the underlying code"}),"\n",(0,i.jsx)(o.li,{children:"Visual elements are limited, which may not provide enough flexibility for more complex projects"}),"\n",(0,i.jsx)(o.li,{children:"Limited support for third-party integrations, which could restrict the use cases for certain applications"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith---more-user-friendly",children:"Appsmith - more user-friendly"}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/tooljet-vs-appsmith-vs-retool/appsmith.png",alt:"appsmith"})}),"\n",(0,i.jsx)(o.p,{children:"On the other hand, Appsmith is ideal for those who don\u2019t have coding experience but still want to craft an app - it makes app development more accessible than ever with user-friendly tools that require no technical knowledge. Appsmith is an intuitive, user-friendly low-code platform for non-technical users to build robust data-driven applications quickly. With a simple drag-and-drop interface, you can easily create custom UI components and manage your projects with comprehensive project management capabilities."}),"\n",(0,i.jsx)(o.p,{children:"Appsmith also offers advanced security features such as role-based access control to ensure that only authorized personnel access sensitive information. Additionally, Appsmith integrates with third-party services and supports webhooks, API integration, and custom code, which makes it a great choice for creating robust applications without the need to code from scratch."}),"\n",(0,i.jsx)(o.h3,{id:"pros-of-appsmith",children:"Pros of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Highly customizable features so developers can add complex functionality to their apps easily"}),"\n",(0,i.jsx)(o.li,{children:"Intuitive code editor makes it easy to write custom code into your projects if needed"}),"\n",(0,i.jsx)(o.li,{children:"Supports multiple programming languages such as JavaScript, HTML5, CSS3, TypeScript, etc."}),"\n",(0,i.jsx)(o.li,{children:"Flexible API integration allows users to connect various services together quickly and securely"}),"\n",(0,i.jsx)(o.li,{children:"A wide range of predefined templates and components make it easier to create new applications from scratch"}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"cons-of-appsmith",children:"Cons of Appsmith:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Not as beginner-friendly compared to other low-code platforms, which could limit its usefulness for certain users"}),"\n",(0,i.jsx)(o.li,{children:"Code changes can be tricky as they require manual adjustments every time they are made"}),"\n",(0,i.jsx)(o.li,{children:"More expensive than Tooljet, which may not make it a viable option for some budgets"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud-offers-the-best-of-both-worlds",children:"ILLA Cloud offers the best of both worlds"}),"\n",(0,i.jsx)(o.p,{children:"ILLA is one of the fastest platforms for internal tool development. It saves developers precious time on web design and other aspects of their job. One of the main reasons developers are increasingly choosing ILLA is the library. The platform has conjured a rich collection of code components that you can simply drag and drop and build complex applications within minutes."}),"\n",(0,i.jsx)(o.p,{children:"You can also use application programming interfaces to join ILLA with a database of your choice. The platform can excellently integrate back-end and front-end data. As a result, developers can make vast information interactions possible with basic data calls."}),"\n",(0,i.jsx)(o.p,{children:"Any developer will love ILLA for two reasons- freedom and the chance to work simultaneously with other developers. Firstly, developers can write JavaScript wherever they want. This permits more flexibility in their job and increased variety in results."}),"\n",(0,i.jsx)(o.p,{children:"Secondly, developers can share links in ILLA Builder with other professionals in real time. Consequently, they can edit and comment on each other\u2019s work as they go along. In other words, developers get to work in a fun and collaborative workspace. Naturally, this yields faster and improved results."}),"\n",(0,i.jsx)(o.p,{children:"Lastly, developers can always carry their work with them when using ILLA cloud. Just one click from any device will give them access to the cloud and bring them to ILLA\u2019s user interface."}),"\n",(0,i.jsx)(o.h3,{id:"key-features-of-illa",children:"Key features of ILLA"}),"\n",(0,i.jsx)(o.p,{children:"Here are the key features of ILLA you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"ILLA has a ready-to-use library for React components."}),"\n",(0,i.jsx)(o.li,{children:"Most amazingly, the ILLA design tool has a typescript typing feature and supports predictable static typing."}),"\n",(0,i.jsx)(o.li,{children:"ILLA Design provides quick and easy import, which helps in improving developers\u2019 productivity."}),"\n",(0,i.jsx)(o.li,{children:"You can access beautifully designed and powerful themes and components."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"upgraded-illa-features",children:"Upgraded ILLA features"}),"\n",(0,i.jsx)(o.p,{children:"Here are some upgraded features of ILLA that you must know:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Quick integration with any data source"}),"\n",(0,i.jsx)(o.li,{children:"You can connect ILLA to any mainstream database or any other data source. This tool allows you to get data from the backend using front-end components."}),"\n",(0,i.jsx)(o.li,{children:"Real-time collaboration for enhanced efficiency"}),"\n",(0,i.jsx)(o.li,{children:"ILLA Builder allows developers to work collaboratively on a project. They can create and share links to different developers to co-edit their tools and communicate with other team members in real time."}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"responsive-ui-library-to-meet-your-needs",children:"Responsive UI library to meet your needs"}),"\n",(0,i.jsx)(o.p,{children:"ILLA Builder also has numerous components to meet every developer\u2019s needs efficiently. So, developers can access the drag-and-drop builder to develop their desired internal tools quickly."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In conclusion, Tooljet and Appsmith are both excellent low-code platforms that can help you build applications quickly and efficiently. However, they each have their own strengths and weaknesses, so it\u2019s important to consider your needs before deciding which one is right for you. If you\u2019re looking for a more hands-on approach with powerful management features, then Tooljet may be the better option for you. On the other hand, if you want a user-friendly platform that doesn\u2019t require any coding experience, then Appsmith may be the better choice. Ultimately, it all comes down to what type of developer you are and what type of application you want to build."})]})}function p(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})}):c(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/e55440e4.a0c29ea8.js b/de/assets/js/e55440e4.180d7572.js
similarity index 83%
rename from de/assets/js/e55440e4.a0c29ea8.js
rename to de/assets/js/e55440e4.180d7572.js
index 28720c8eaa..89052eeb74 100644
--- a/de/assets/js/e55440e4.a0c29ea8.js
+++ b/de/assets/js/e55440e4.180d7572.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3845],{3610:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>s,contentTitle:()=>a,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>c});var n=t(1527),l=t(7214);const i={slug:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},a=void 0,r={permalink:"/illa-website/de/blog/launch-flow",source:"@site/blog/launch-flow/launch-flow.md",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:1.91,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:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",permalink:"/illa-website/de/blog/popular-tool"},nextItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},relatedPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}],authorPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"}]},s={authorsImageUrls:[void 0]},c=[{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Integrate Everything",id:"integrate-everything",level:2},{value:"Some examples",id:"some-examples",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,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"Hi everyone, I'm Owen, and we are a startup company focused on low-code solutions. Our team is quite small, consisting of only 7 people."}),"\n",(0,n.jsx)(o.p,{children:"Today, we launched our new product: ILLA Flow."}),"\n",(0,n.jsxs)(o.p,{children:["Website: ",(0,n.jsx)(o.a,{href:"https://illacloud.com",children:"https://illacloud.com"})," (You can find it after login, at the left of dashboard -> Flow)"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping, thereby enabling connections and scheduling with various databases and APIs."}),"\n",(0,n.jsx)(o.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/flow.jpeg",alt:"flow"})}),"\n",(0,n.jsx)(o.h2,{id:"integrate-everything",children:"Integrate Everything"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow can connect to any"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"RestAPI"}),"\n",(0,n.jsx)(o.li,{children:"MySQL"}),"\n",(0,n.jsx)(o.li,{children:"MariaDB,"}),"\n",(0,n.jsx)(o.li,{children:"PostgreSQL"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/resource.jpeg",alt:"resource"})}),"\n",(0,n.jsx)(o.p,{children:"We will strive to expand support for more connectivity features."}),"\n",(0,n.jsx)(o.h2,{id:"some-examples",children:"Some examples"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,n.jsx)(o.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,n.jsx)(o.li,{children:"Book a meeting room every day"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,n.jsx)(o.li,{children:"Build a CI/CD report system"}),"\n",(0,n.jsx)(o.li,{children:"Send email when some warning occurs"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports scheduled triggers and the use of Webhooks for triggering. As a low-code tool, ILLA also enables the construction of panels to drive multiple workflows, forming a complete business process. Currently, the product is entirely free and requires no costs."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/dashboard.jpeg",alt:"dashboard"})}),"\n",(0,n.jsx)(o.p,{children:"Our initial intention in creating this product was to address the lack of developer-friendly workflow products on the market. We aim to build a complete low-code matrix product to provide a better experience. Moreover, we have achieved multi-person real-time collaboration, similar to the experience of editing in Figma, ensuring that a team can edit workflows together."}),"\n",(0,n.jsx)(o.p,{children:"As an early-stage product, there are still many features that are not perfect, and we hope everyone can provide valuable feedback to help us optimize it."})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var n=t(959);const l={},i=n.createContext(l);function a(e){const o=n.useContext(i);return n.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(l):e.components||l:a(e.components),n.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3845],{3610:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>s,contentTitle:()=>a,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>c});var n=t(1527),l=t(7214);const i={slug:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},a=void 0,r={permalink:"/illa-website/de/blog/launch-flow",source:"@site/blog/launch-flow/launch-flow.md",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. Januar 2024",tags:[{label:"workflow",permalink:"/illa-website/de/blog/tags/workflow"}],readingTime:1.91,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:"launch-flow",title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/launch-flow/cover.png",tags:["workflow"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",permalink:"/illa-website/de/blog/popular-tool"},nextItem:{title:"5 Beste Low-Code-Plattformen im Jahr 2024",permalink:"/illa-website/de/blog/beste-low-code-plattform"},relatedPosts:[{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}],authorPosts:[{title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",permalink:"/illa-website/de/blog/low-code-crm",formattedDate:"4. 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.76,date:"2024-01-04T10:00:00.000Z"},{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},s={authorsImageUrls:[void 0]},c=[{value:"ILLA Flow",id:"illa-flow",level:2},{value:"Integrate Everything",id:"integrate-everything",level:2},{value:"Some examples",id:"some-examples",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,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"Hi everyone, I'm Owen, and we are a startup company focused on low-code solutions. Our team is quite small, consisting of only 7 people."}),"\n",(0,n.jsx)(o.p,{children:"Today, we launched our new product: ILLA Flow."}),"\n",(0,n.jsxs)(o.p,{children:["Website: ",(0,n.jsx)(o.a,{href:"https://illacloud.com",children:"https://illacloud.com"})," (You can find it after login, at the left of dashboard -> Flow)"]}),"\n",(0,n.jsx)(o.h2,{id:"illa-flow",children:"ILLA Flow"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping, thereby enabling connections and scheduling with various databases and APIs."}),"\n",(0,n.jsx)(o.p,{children:"You can build your own workflow through a drag-and-drop interface, and then execute your workflow by scheduling triggers or Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"The smooth drag-and-drop experience allows you to quickly build workflows without worrying about any integration issues. The entire system is driven by JavaScript, ensuring flexibility while also being developer-friendly."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/flow.jpeg",alt:"flow"})}),"\n",(0,n.jsx)(o.h2,{id:"integrate-everything",children:"Integrate Everything"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow can connect to any"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"RestAPI"}),"\n",(0,n.jsx)(o.li,{children:"MySQL"}),"\n",(0,n.jsx)(o.li,{children:"MariaDB,"}),"\n",(0,n.jsx)(o.li,{children:"PostgreSQL"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/resource.jpeg",alt:"resource"})}),"\n",(0,n.jsx)(o.p,{children:"We will strive to expand support for more connectivity features."}),"\n",(0,n.jsx)(o.h2,{id:"some-examples",children:"Some examples"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports multiple trigger types, including scheduled triggers and Webhook triggers."}),"\n",(0,n.jsx)(o.p,{children:"We use ILLA Flow to do lots of things, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Send a message to Slack when a new user registers"}),"\n",(0,n.jsx)(o.li,{children:"Report the number of stars on GitHub every day"}),"\n",(0,n.jsx)(o.li,{children:"Book a meeting room every day"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"Our engineers use ILLA Flow to automate many tasks, like:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Read some business data from databases and send to Slack every day"}),"\n",(0,n.jsx)(o.li,{children:"Build a CI/CD report system"}),"\n",(0,n.jsx)(o.li,{children:"Send email when some warning occurs"}),"\n",(0,n.jsx)(o.li,{children:"..."}),"\n"]}),"\n",(0,n.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,n.jsx)(o.p,{children:"ILLA Flow supports scheduled triggers and the use of Webhooks for triggering. As a low-code tool, ILLA also enables the construction of panels to drive multiple workflows, forming a complete business process. Currently, the product is entirely free and requires no costs."}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/launch-flow/dashboard.jpeg",alt:"dashboard"})}),"\n",(0,n.jsx)(o.p,{children:"Our initial intention in creating this product was to address the lack of developer-friendly workflow products on the market. We aim to build a complete low-code matrix product to provide a better experience. Moreover, we have achieved multi-person real-time collaboration, similar to the experience of editing in Figma, ensuring that a team can edit workflows together."}),"\n",(0,n.jsx)(o.p,{children:"As an early-stage product, there are still many features that are not perfect, and we hope everyone can provide valuable feedback to help us optimize it."})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var n=t(959);const l={},i=n.createContext(l);function a(e){const o=n.useContext(i);return n.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(l):e.components||l:a(e.components),n.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/eb5bf31c.25c6d197.js b/de/assets/js/eb5bf31c.25c6d197.js
new file mode 100644
index 0000000000..5726475687
--- /dev/null
+++ b/de/assets/js/eb5bf31c.25c6d197.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[757],{4339:(e,o,s)=>{s.r(o),s.d(o,{assets:()=>d,contentTitle:()=>t,default:()=>c,frontMatter:()=>i,metadata:()=>r,toc:()=>l});var a=s(1527),n=s(7214);const i={title:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},t=void 0,r={permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",source:"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",title:"Top 7 Redis GUI Tools in 2024",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",date:"2023-12-20T10:00:00.000Z",formattedDate:"20. Dezember 2023",tags:[{label:"redis",permalink:"/illa-website/de/blog/tags/redis"},{label:"gui",permalink:"/illa-website/de/blog/tags/gui"},{label:"tools",permalink:"/illa-website/de/blog/tags/tools"}],readingTime:20.025,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:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie schnell ein personalisiertes Daten-Dashboard f\xfcr Ihren Chef",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Top 7 Database GUIs for SQL databases",description:"Database GUI tools make working with SQL databases much simpler and more efficient for developers. Many great database GUIs are available.",permalink:"/illa-website/de/blog/top-7-database-guis-for-sql-databases",formattedDate:"9. 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:5.385,date:"2024-01-09T10:00:00.000Z"},{title:"The Best Tools for Building Crud Applications in 2024",description:"CRUD applications are a type of software that allows users to create, read, update, and delete data using various interfaces such as web pages or mobile apps.",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",formattedDate:"8. 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:10.165,date:"2024-01-08T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},l=[{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:",id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",level:3},{value:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"RedisInsight",id:"redisinsight",level:2},{value:"Some of the advantages of RedisInsight are:",id:"some-of-the-advantages-of-redisinsight-are",level:3},{value:"Some of the drawbacks of RedisInsight are:",id:"some-of-the-drawbacks-of-redisinsight-are",level:3},{value:"Redis Desktop Manager (RESP.app)",id:"redis-desktop-manager-respapp",level:2},{value:"Some of the advantages of Redis Desktop Manager are:",id:"some-of-the-advantages-of-redis-desktop-manager-are",level:3},{value:"Some of the drawbacks of Redis Desktop Manager are:",id:"some-of-the-drawbacks-of-redis-desktop-manager-are",level:3},{value:"Medis",id:"medis",level:2},{value:"Some of the advantages of Medis are:",id:"some-of-the-advantages-of-medis-are",level:3},{value:"Some of the drawbacks of Medis are:",id:"some-of-the-drawbacks-of-medis-are",level:3},{value:"To use Medis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Redis Commander",id:"redis-commander",level:2},{value:"Some of the advantages of Redis Commander are:",id:"some-of-the-advantages-of-redis-commander-are",level:3},{value:"Some of the drawbacks of Redis Commander are:",id:"some-of-the-drawbacks-of-redis-commander-are",level:3},{value:"Download Redis Commander from GitHub or npm.",id:"download-redis-commander-from-github-or-npm",level:3},{value:"Redsmin",id:"redsmin",level:2},{value:"Some of the advantages of Redsmin are:",id:"some-of-the-advantages-of-redsmin-are",level:3},{value:"Some of the drawbacks of Redsmin are:",id:"some-of-the-drawbacks-of-redsmin-are",level:3},{value:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Webdis",id:"webdis",level:2},{value:"Some of the advantages of Webdis are:",id:"some-of-the-advantages-of-webdis-are",level:3},{value:"Some of the drawbacks of Webdis are:",id:"some-of-the-drawbacks-of-webdis-are",level:3},{value:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Conclusion",id:"conclusion",level:2}];function u(e){const o={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2024 and how to use them. Find out why ILLA Cloud is the best Redis GUI tool in our opinion."}),"\n",(0,a.jsx)(o.p,{children:"Redis is a popular open-source, in-memory data structure store that can be used as a database, cache, message broker, and more. Redis supports various data types like strings, lists, sets, hashes, and streams. Redis also offers many features like transactions, replication, clustering, pub/sub, Lua scripting, and more."}),"\n",(0,a.jsx)(o.p,{children:"However, working with Redis can be challenging without a graphical user interface (GUI) to help you visualize and interact with your data. A Redis GUI tool can help you browse, filter, edit, and delete your Redis keys, run commands and queries, monitor performance and metrics, and more."}),"\n",(0,a.jsx)(o.p,{children:"Many Redis GUI tools are available in the market, each with its own features, pros and cons, and price. This blog post will review the top 7 Redis GUI tools in 2024 and compare them based on their functionality, usability, compatibility, and cost. We will also show you how to use ILLA Cloud, the best Redis GUI tool, to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud is an open-source low-code platform for building internal tools. It is a powerful and flexible UI library for building web applications that connect to your databases and APIs. You can use ILLA Cloud to build anything from simple forms and tables to complex applications with advanced features."}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud supports Redis as one of its data sources. You can connect to your Redis server or cluster using ILLA Cloud and access your data using a graphical interface. You can also run commands and queries using SQL and JavaScript. You can use template syntax to inject dynamic values into your components and queries. You can also customize and control your components with JavaScript."}),"\n",(0,a.jsx)(o.h3,{id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",children:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use ILLA Cloud without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is cross-platform and cloud-based. You can use ILLA Cloud on any device and operating system. You can also deploy it on your own server or use the ILLA Cloud service."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple data sources. You can connect to various databases and APIs using ILLA Cloud, such as PostgreSQL, MongoDB, MySQL, Stripe, Google Sheets, AWS S3, and more. You can also integrate with any data source connected through APIs."}),"\n",(0,a.jsx)(o.li,{children:"It has a drag-and-drop interface. You can build a user interface for your application by dragging and dropping components like tables, charts, forms, buttons, and more. You don\u2019t need to write any HTML or CSS code."}),"\n",(0,a.jsx)(o.li,{children:"It has a rich set of components. You can use dozens of components in ILLA Cloud to meet your needs in different scenarios. You can also customize them with JavaScript."}),"\n",(0,a.jsx)(o.li,{children:"It supports JavaScript inside widgets, queries, and other components. Using JavaScript, you can add logic, transform data, and define complex workflows. You can also use template syntax to inject dynamic values into your components and queries."}),"\n",(0,a.jsx)(o.li,{children:"It has a collaborative feature. You can work with other developers on the same project by sharing links. You can also chat with them in real time and give feedback."}),"\n",(0,a.jsx)(o.li,{children:"It has a friendly community. You can join the Discord community of ILLA Cloud and get support from other users and developers. You can also share feedback, ask questions, and get updates."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the ILLA Cloud website."}),"\n",(0,a.jsx)(o.li,{children:"Create a new project and choose Redis as your data source."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Query tab on the top panel. You can write SQL or JavaScript in the editor. You can use template syntax to inject dynamic values into your queries. You can also use auto-completion and syntax highlighting features. You can run your queries by clicking the Run button or pressing Ctrl+Enter. You will see the results on the right panel. You can also export the results as CSV or JSON files."}),"\n",(0,a.jsx)(o.li,{children:"To build a user interface for your application, click on the Builder tab on the top panel. You will see a grid-style canvas where you can drag and drop components from the left panel. You can choose from various components like tables, charts, forms, buttons, etc. You can also customize and control your components with JavaScript. You can use template syntax to inject dynamic values into your components. You can also bind your components to your queries and data sources."}),"\n",(0,a.jsx)(o.li,{children:"To preview your application, click on the Preview button on the top right corner. You will see how your application looks and works in a browser. You can also test your components and queries and see the results."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using ILLA Cloud. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redisinsight",children:"RedisInsight"}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight is a desktop manager for Redis that provides an intuitive and efficient UI for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight allows you to browse and interact with Redis data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also explore the latest capabilities offered by Redis, such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redisinsight-are",children:"Some of the advantages of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and easy to use. You can download RedisInsight for free and install it on your Linux, Windows, or macOS machine. You can also check out the GitHub project and provide feedback."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use RedisInsight on any device and operating system. You can also connect to any Redis server or cluster using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also use the Workbench feature to run commands and queries using a Monaco Editor."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interactively work with complex data models such as documents, graphs, time series, etc. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redisinsight-are",children:"Some of the drawbacks of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not open-source. You cannot contribute to or modify the project according to your needs."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using RedisInsight."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"redis-desktop-manager-respapp",children:"Redis Desktop Manager (RESP.app)"}),"\n",(0,a.jsx)(o.p,{children:"Redis Desktop Manager is a cross-platform desktop GUI for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-desktop-manager-are",children:"Some of the advantages of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cross-platform and desktop-based. You can use Redis Desktop Manager on Linux, Windows, or macOS machines. You can also install it as a snap package or a docker image."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Desktop Manager. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Console feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-desktop-manager-are",children:"Some of the drawbacks of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redis Desktop Manager. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, etc."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Desktop Manager."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Desktop Manager."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"medis",children:"Medis"}),"\n",(0,a.jsx)(o.p,{children:"Medis is a beautiful and easy-to-use Mac database management application for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-medis-are",children:"Some of the advantages of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is beautiful and easy-to-use. Medis has a sleek and intuitive design that makes it easy to use. It also has dark mode support that makes it look even better."}),"\n",(0,a.jsx)(o.li,{children:"It is Mac-based and desktop-based. You can use Medis on any Mac machine. You can also install it from the Mac App Store or download it from GitHub."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Medis. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Terminal feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-medis-are",children:"Some of the drawbacks of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Medis. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It is only available for Mac. You cannot use Medis on other operating systems or devices."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Medis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Medis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Medis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Medis from the Mac App Store or GitHub."}),"\n",(0,a.jsx)(o.li,{children:"Install Medis on your Mac machine."}),"\n",(0,a.jsx)(o.li,{children:"Launch Medis and click on Add Connection button."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on CLI tab on the bottom panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Medis. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redis-commander",children:"Redis Commander"}),"\n",(0,a.jsx)(o.p,{children:"Redis Commander is a free and open-source Redis management tool written in Node.js. It allows you to connect to multiple Redis servers and clusters and manage your data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-commander-are",children:"Some of the advantages of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use Redis Commander without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is web-based and cross-platform. You can use Redis Commander on any device and operating system. You need to install it on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Commander. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-commander-are",children:"Some of the drawbacks of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very stable or reliable. Redis Commander may have bugs or issues affecting its performance or functionality. It may also crash or freeze sometimes."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Commander."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Commander."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"To use Redis Commander to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsx)(o.h3,{id:"download-redis-commander-from-github-or-npm",children:"Download Redis Commander from GitHub or npm."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Install Redis Commander on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch Redis Commander by running redis-commander command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redis Commander through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:8081",children:"http://localhost:8081"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redis Commander. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redsmin",children:"Redsmin"}),"\n",(0,a.jsx)(o.p,{children:"Redsmin is a cloud-based Redis management service that provides a real-time interface for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"Redsmin allows you to browse and interact with Redis data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also monitor the performance and metrics of your Redis server or cluster using a dashboard."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redsmin-are",children:"Some of the advantages of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cloud-based and cross-platform. You can use Redsmin on any device and operating system. You must install a proxy daemon on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redsmin. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interact with complex data models such as documents, graphs, and time series. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n",(0,a.jsx)(o.li,{children:"It has a dashboard for monitoring performance and metrics. You can monitor your Redis server's or cluster's performance and metrics using a dashboard. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redsmin-are",children:"Some of the drawbacks of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redsmin. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It requires a proxy daemon installation. You must install a proxy daemon on your server to connect to Redsmin. This may affect your security or performance."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redsmin."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redsmin."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the Redsmin website."}),"\n",(0,a.jsx)(o.li,{children:"Download and install the proxy daemon on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch the proxy daemon by running redsmin command in your terminal."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redsmin API key when prompted."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redsmin through your web browser by entering ",(0,a.jsx)(o.a,{href:"https://app.redsmin.com",children:"https://app.redsmin.com"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n",(0,a.jsx)(o.li,{children:"To explore the latest capabilities offered by Redis, click on the corresponding tabs on the top panel. You can choose from various modules, such as RedisJSON, RedisGraph, and RedisTimeSeries. Using a web-based interface, you can query, visualize, and interact with complex data models."}),"\n",(0,a.jsx)(o.li,{children:"To monitor your Redis server's or cluster's performance and metrics, click on the Dashboard tab on the top panel. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redsmin. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"webdis",children:"Webdis"}),"\n",(0,a.jsx)(o.p,{children:"Webdis is a simple web server that exposes Redis commands as HTTP endpoints with JSON output. It allows you to connect to your Redis server and access your data using a web browser or any HTTP client. You can also run commands and queries using HTTP requests."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-webdis-are",children:"Some of the advantages of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is simple and lightweight. Webdis is a simple web server that requires no installation or configuration. It is also very fast and consumes little memory."}),"\n",(0,a.jsx)(o.li,{children:"It is open-source and free. You can use Webdis without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use Webdis on Linux, Windows, or macOS machines. You can also connect to any Redis server or cluster using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. You can browse and interact with Redis data using a web browser or any HTTP client. You can also display data in JSON format."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-webdis-are",children:"Some of the drawbacks of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very secure or reliable. Webdis does not support authentication or encryption for your Redis connection. It may also expose your Redis data to unauthorized access or modification."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a built-in CLI for running commands and queries. You have to use HTTP requests to run commands and queries on your Redis data."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Webdis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Webdis from GitHub or compile it from the source code."}),"\n",(0,a.jsx)(o.li,{children:"Launch Webdis by running webdis the command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Webdis through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:7379",children:"http://localhost:7379"})," in your address bar."]}),"\n",(0,a.jsxs)(o.li,{children:["Enter your Redis command or query in the URL path after the slash. For example, ",(0,a.jsx)(o.a,{href:"http://localhost:7379/GET/foo",children:"http://localhost:7379/GET/foo"})," will get the value of the key foo."]}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"See the result of your command or query in JSON format in your browser.\nThat\u2019s it! You have built a Redis GUI for your application using Webdis. You can now use it to access and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:"In this blog post, we have reviewed the top 7 Redis GUI tools in 2024 and compared them based on their functionality, usability, compatibility, and cost. We have also shown you how to use each tool to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.p,{children:"We hope this blog post has helped you find the best Redis GUI tool for your needs and preferences. However, if you ask us, we recommend ILLA Cloud as the best Redis GUI tool."})]})}function c(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}},7214:(e,o,s)=>{s.d(o,{Z:()=>r,a:()=>t});var a=s(959);const n={},i=a.createContext(n);function t(e){const o=a.useContext(i);return a.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:t(e.components),a.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/eb5bf31c.777ed646.js b/de/assets/js/eb5bf31c.777ed646.js
deleted file mode 100644
index b9f60cfe7a..0000000000
--- a/de/assets/js/eb5bf31c.777ed646.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[757],{4339:(e,o,s)=>{s.r(o),s.d(o,{assets:()=>d,contentTitle:()=>t,default:()=>c,frontMatter:()=>i,metadata:()=>r,toc:()=>l});var a=s(1527),n=s(7214);const i={title:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},t=void 0,r={permalink:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",source:"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",title:"Top 7 Redis GUI Tools in 2024",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",date:"2023-12-20T10:00:00.000Z",formattedDate:"20. Dezember 2023",tags:[{label:"redis",permalink:"/illa-website/de/blog/tags/redis"},{label:"gui",permalink:"/illa-website/de/blog/tags/gui"},{label:"tools",permalink:"/illa-website/de/blog/tags/tools"}],readingTime:20.025,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:"Top 7 Redis GUI Tools in 2024",tags:["redis","gui","tools"],slug:"top-7-redis-gui-tools-in-2023",description:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2023 and how to use them.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top-7-redis-gui-tools-in-2023/cover.png",date:"2023-12-20T10:00"},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"The Best Tools for Building Crud Applications in 2024",description:"CRUD applications are a type of software that allows users to create, read, update, and delete data using various interfaces such as web pages or mobile apps.",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",formattedDate:"8. 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:10.165,date:"2024-01-08T10:00:00.000Z"},{title:"Top 7 Database GUIs for SQL databases",description:"Database GUI tools make working with SQL databases much simpler and more efficient for developers. Many great database GUIs are available.",permalink:"/illa-website/de/blog/top-7-database-guis-for-sql-databases",formattedDate:"9. 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:5.385,date:"2024-01-09T10:00:00.000Z"}],authorPosts:[]},d={authorsImageUrls:[void 0]},l=[{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:",id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",level:3},{value:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"RedisInsight",id:"redisinsight",level:2},{value:"Some of the advantages of RedisInsight are:",id:"some-of-the-advantages-of-redisinsight-are",level:3},{value:"Some of the drawbacks of RedisInsight are:",id:"some-of-the-drawbacks-of-redisinsight-are",level:3},{value:"Redis Desktop Manager (RESP.app)",id:"redis-desktop-manager-respapp",level:2},{value:"Some of the advantages of Redis Desktop Manager are:",id:"some-of-the-advantages-of-redis-desktop-manager-are",level:3},{value:"Some of the drawbacks of Redis Desktop Manager are:",id:"some-of-the-drawbacks-of-redis-desktop-manager-are",level:3},{value:"Medis",id:"medis",level:2},{value:"Some of the advantages of Medis are:",id:"some-of-the-advantages-of-medis-are",level:3},{value:"Some of the drawbacks of Medis are:",id:"some-of-the-drawbacks-of-medis-are",level:3},{value:"To use Medis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Redis Commander",id:"redis-commander",level:2},{value:"Some of the advantages of Redis Commander are:",id:"some-of-the-advantages-of-redis-commander-are",level:3},{value:"Some of the drawbacks of Redis Commander are:",id:"some-of-the-drawbacks-of-redis-commander-are",level:3},{value:"Download Redis Commander from GitHub or npm.",id:"download-redis-commander-from-github-or-npm",level:3},{value:"Redsmin",id:"redsmin",level:2},{value:"Some of the advantages of Redsmin are:",id:"some-of-the-advantages-of-redsmin-are",level:3},{value:"Some of the drawbacks of Redsmin are:",id:"some-of-the-drawbacks-of-redsmin-are",level:3},{value:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Webdis",id:"webdis",level:2},{value:"Some of the advantages of Webdis are:",id:"some-of-the-advantages-of-webdis-are",level:3},{value:"Some of the drawbacks of Webdis are:",id:"some-of-the-drawbacks-of-webdis-are",level:3},{value:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:",id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",level:3},{value:"Conclusion",id:"conclusion",level:2}];function u(e){const o={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Looking for the best Redis GUI tool for your application? Read this blog post to learn about the top 7 Redis GUI tools in 2024 and how to use them. Find out why ILLA Cloud is the best Redis GUI tool in our opinion."}),"\n",(0,a.jsx)(o.p,{children:"Redis is a popular open-source, in-memory data structure store that can be used as a database, cache, message broker, and more. Redis supports various data types like strings, lists, sets, hashes, and streams. Redis also offers many features like transactions, replication, clustering, pub/sub, Lua scripting, and more."}),"\n",(0,a.jsx)(o.p,{children:"However, working with Redis can be challenging without a graphical user interface (GUI) to help you visualize and interact with your data. A Redis GUI tool can help you browse, filter, edit, and delete your Redis keys, run commands and queries, monitor performance and metrics, and more."}),"\n",(0,a.jsx)(o.p,{children:"Many Redis GUI tools are available in the market, each with its own features, pros and cons, and price. This blog post will review the top 7 Redis GUI tools in 2024 and compare them based on their functionality, usability, compatibility, and cost. We will also show you how to use ILLA Cloud, the best Redis GUI tool, to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud is an open-source low-code platform for building internal tools. It is a powerful and flexible UI library for building web applications that connect to your databases and APIs. You can use ILLA Cloud to build anything from simple forms and tables to complex applications with advanced features."}),"\n",(0,a.jsx)(o.p,{children:"ILLA Cloud supports Redis as one of its data sources. You can connect to your Redis server or cluster using ILLA Cloud and access your data using a graphical interface. You can also run commands and queries using SQL and JavaScript. You can use template syntax to inject dynamic values into your components and queries. You can also customize and control your components with JavaScript."}),"\n",(0,a.jsx)(o.h3,{id:"illa-cloud-has-many-advantages-over-other-redis-gui-tools-some-of-them-are",children:"ILLA Cloud has many advantages over other Redis GUI tools. Some of them are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use ILLA Cloud without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is cross-platform and cloud-based. You can use ILLA Cloud on any device and operating system. You can also deploy it on your own server or use the ILLA Cloud service."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple data sources. You can connect to various databases and APIs using ILLA Cloud, such as PostgreSQL, MongoDB, MySQL, Stripe, Google Sheets, AWS S3, and more. You can also integrate with any data source connected through APIs."}),"\n",(0,a.jsx)(o.li,{children:"It has a drag-and-drop interface. You can build a user interface for your application by dragging and dropping components like tables, charts, forms, buttons, and more. You don\u2019t need to write any HTML or CSS code."}),"\n",(0,a.jsx)(o.li,{children:"It has a rich set of components. You can use dozens of components in ILLA Cloud to meet your needs in different scenarios. You can also customize them with JavaScript."}),"\n",(0,a.jsx)(o.li,{children:"It supports JavaScript inside widgets, queries, and other components. Using JavaScript, you can add logic, transform data, and define complex workflows. You can also use template syntax to inject dynamic values into your components and queries."}),"\n",(0,a.jsx)(o.li,{children:"It has a collaborative feature. You can work with other developers on the same project by sharing links. You can also chat with them in real time and give feedback."}),"\n",(0,a.jsx)(o.li,{children:"It has a friendly community. You can join the Discord community of ILLA Cloud and get support from other users and developers. You can also share feedback, ask questions, and get updates."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-illa-cloud-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use ILLA Cloud to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the ILLA Cloud website."}),"\n",(0,a.jsx)(o.li,{children:"Create a new project and choose Redis as your data source."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Query tab on the top panel. You can write SQL or JavaScript in the editor. You can use template syntax to inject dynamic values into your queries. You can also use auto-completion and syntax highlighting features. You can run your queries by clicking the Run button or pressing Ctrl+Enter. You will see the results on the right panel. You can also export the results as CSV or JSON files."}),"\n",(0,a.jsx)(o.li,{children:"To build a user interface for your application, click on the Builder tab on the top panel. You will see a grid-style canvas where you can drag and drop components from the left panel. You can choose from various components like tables, charts, forms, buttons, etc. You can also customize and control your components with JavaScript. You can use template syntax to inject dynamic values into your components. You can also bind your components to your queries and data sources."}),"\n",(0,a.jsx)(o.li,{children:"To preview your application, click on the Preview button on the top right corner. You will see how your application looks and works in a browser. You can also test your components and queries and see the results."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using ILLA Cloud. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redisinsight",children:"RedisInsight"}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight is a desktop manager for Redis that provides an intuitive and efficient UI for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"RedisInsight allows you to browse and interact with Redis data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also explore the latest capabilities offered by Redis, such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redisinsight-are",children:"Some of the advantages of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and easy to use. You can download RedisInsight for free and install it on your Linux, Windows, or macOS machine. You can also check out the GitHub project and provide feedback."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use RedisInsight on any device and operating system. You can also connect to any Redis server or cluster using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also use the Workbench feature to run commands and queries using a Monaco Editor."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interactively work with complex data models such as documents, graphs, time series, etc. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redisinsight-are",children:"Some of the drawbacks of RedisInsight are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not open-source. You cannot contribute to or modify the project according to your needs."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using RedisInsight."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using RedisInsight."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"redis-desktop-manager-respapp",children:"Redis Desktop Manager (RESP.app)"}),"\n",(0,a.jsx)(o.p,{children:"Redis Desktop Manager is a cross-platform desktop GUI for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-desktop-manager-are",children:"Some of the advantages of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cross-platform and desktop-based. You can use Redis Desktop Manager on Linux, Windows, or macOS machines. You can also install it as a snap package or a docker image."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Desktop Manager. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Console feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-desktop-manager-are",children:"Some of the drawbacks of Redis Desktop Manager are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redis Desktop Manager. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, etc."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Desktop Manager."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Desktop Manager."}),"\n"]}),"\n",(0,a.jsx)(o.h2,{id:"medis",children:"Medis"}),"\n",(0,a.jsx)(o.p,{children:"Medis is a beautiful and easy-to-use Mac database management application for Redis. It lets you connect to multiple Redis servers and clusters and manage your data using a graphical interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-medis-are",children:"Some of the advantages of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is beautiful and easy-to-use. Medis has a sleek and intuitive design that makes it easy to use. It also has dark mode support that makes it look even better."}),"\n",(0,a.jsx)(o.li,{children:"It is Mac-based and desktop-based. You can use Medis on any Mac machine. You can also install it from the Mac App Store or download it from GitHub."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Medis. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a graphical interface for Redis data. Using a graphical interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. Using a terminal-like interface, you can also use the Terminal feature to run commands and queries."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-medis-are",children:"Some of the drawbacks of Medis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Medis. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It is only available for Mac. You cannot use Medis on other operating systems or devices."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Medis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Medis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-medis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Medis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Medis from the Mac App Store or GitHub."}),"\n",(0,a.jsx)(o.li,{children:"Install Medis on your Mac machine."}),"\n",(0,a.jsx)(o.li,{children:"Launch Medis and click on Add Connection button."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on CLI tab on the bottom panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Medis. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redis-commander",children:"Redis Commander"}),"\n",(0,a.jsx)(o.p,{children:"Redis Commander is a free and open-source Redis management tool written in Node.js. It allows you to connect to multiple Redis servers and clusters and manage your data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redis-commander-are",children:"Some of the advantages of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is free and open-source. You can use Redis Commander without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It is web-based and cross-platform. You can use Redis Commander on any device and operating system. You need to install it on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redis Commander. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redis-commander-are",children:"Some of the drawbacks of Redis Commander are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very stable or reliable. Redis Commander may have bugs or issues affecting its performance or functionality. It may also crash or freeze sometimes."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redis Commander."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redis Commander."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"To use Redis Commander to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsx)(o.h3,{id:"download-redis-commander-from-github-or-npm",children:"Download Redis Commander from GitHub or npm."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Install Redis Commander on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch Redis Commander by running redis-commander command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redis Commander through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:8081",children:"http://localhost:8081"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (host name or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redis Commander. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"redsmin",children:"Redsmin"}),"\n",(0,a.jsx)(o.p,{children:"Redsmin is a cloud-based Redis management service that provides a real-time interface for Redis and Redis Stack. It supports all Redis deployments, such as Redis Open Source, Redis Stack, Redis Enterprise Software, Redis Enterprise Cloud, or Amazon ElastiCache."}),"\n",(0,a.jsx)(o.p,{children:"Redsmin allows you to browse and interact with Redis data using a web-based interface. You can also run commands and queries using a built-in CLI with auto-completion and syntax highlighting features. You can also monitor the performance and metrics of your Redis server or cluster using a dashboard."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-redsmin-are",children:"Some of the advantages of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is cloud-based and cross-platform. You can use Redsmin on any device and operating system. You must install a proxy daemon on your server and access it through a web browser."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple Redis servers and clusters. You can connect to multiple Redis servers and clusters using Redsmin. You can also import and export connections using JSON files."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. Using a web-based interface, you can browse, filter, edit, and delete your Redis keys. You can also display data in various formats like JSON, hexadecimal, MessagePack, and more. You can also use the Tree view to group data and enhance the navigation."}),"\n",(0,a.jsx)(o.li,{children:"It has a built-in CLI for running commands and queries. You can run commands and queries using a built-in CLI with auto-completion and syntax highlighting features."}),"\n",(0,a.jsx)(o.li,{children:"It supports the latest capabilities offered by Redis. You can query, visualize, and interact with complex data models such as documents, graphs, and time series. You can also explore queryable JSON documents, full-text search, probabilistic data structures, and more."}),"\n",(0,a.jsx)(o.li,{children:"It has a dashboard for monitoring performance and metrics. You can monitor your Redis server's or cluster's performance and metrics using a dashboard. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-redsmin-are",children:"Some of the drawbacks of Redsmin are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not free or open-source. You have to pay a subscription fee to use Redsmin. The free version has limited features and functionality."}),"\n",(0,a.jsx)(o.li,{children:"It requires a proxy daemon installation. You must install a proxy daemon on your server to connect to Redsmin. This may affect your security or performance."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Redsmin."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Redsmin."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-redsmin-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Redsmin to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sign up for a free account on the Redsmin website."}),"\n",(0,a.jsx)(o.li,{children:"Download and install the proxy daemon on your server using Node.js."}),"\n",(0,a.jsx)(o.li,{children:"Launch the proxy daemon by running redsmin command in your terminal."}),"\n",(0,a.jsx)(o.li,{children:"Enter your Redsmin API key when prompted."}),"\n",(0,a.jsxs)(o.li,{children:["Access Redsmin through your web browser by entering ",(0,a.jsx)(o.a,{href:"https://app.redsmin.com",children:"https://app.redsmin.com"})," in your address bar."]}),"\n",(0,a.jsx)(o.li,{children:"Click on Add Redis Server button to add your Redis connection details (hostname or IP address, port number, password, and database number)."}),"\n",(0,a.jsx)(o.li,{children:"Click on Connect button to connect to your Redis server or cluster."}),"\n",(0,a.jsx)(o.li,{children:"Once connected, you will see your Redis keys on the left panel. You can browse, filter, and search them by name, type, or value. You can also edit or delete them by right-clicking on them."}),"\n",(0,a.jsx)(o.li,{children:"To run commands or queries on your Redis data, click on the Console tab on the top panel. You can write commands or queries in the editor. You can use auto-completion and syntax highlighting features. You can run your commands or queries by clicking on Execute button or pressing Ctrl+Enter. You will see the results on the right panel."}),"\n",(0,a.jsx)(o.li,{children:"To explore the latest capabilities offered by Redis, click on the corresponding tabs on the top panel. You can choose from various modules, such as RedisJSON, RedisGraph, and RedisTimeSeries. Using a web-based interface, you can query, visualize, and interact with complex data models."}),"\n",(0,a.jsx)(o.li,{children:"To monitor your Redis server's or cluster's performance and metrics, click on the Dashboard tab on the top panel. You can see commands processed in real-time and inspect slow commands. You can also troubleshoot performance issues and debug your Redis server."}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"That\u2019s it! You have built a Redis GUI for your application using Redsmin. You can now use it to visualize and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"webdis",children:"Webdis"}),"\n",(0,a.jsx)(o.p,{children:"Webdis is a simple web server that exposes Redis commands as HTTP endpoints with JSON output. It allows you to connect to your Redis server and access your data using a web browser or any HTTP client. You can also run commands and queries using HTTP requests."}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-advantages-of-webdis-are",children:"Some of the advantages of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is simple and lightweight. Webdis is a simple web server that requires no installation or configuration. It is also very fast and consumes little memory."}),"\n",(0,a.jsx)(o.li,{children:"It is open-source and free. You can use Webdis without paying any fees or licenses. You can also contribute to the project on GitHub and help improve it."}),"\n",(0,a.jsx)(o.li,{children:"It supports multiple operating systems and Redis deployments. You can use Webdis on Linux, Windows, or macOS machines. You can also connect to any Redis server or cluster using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It has a web-based interface for Redis data. You can browse and interact with Redis data using a web browser or any HTTP client. You can also display data in JSON format."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"some-of-the-drawbacks-of-webdis-are",children:"Some of the drawbacks of Webdis are:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"It is not very secure or reliable. Webdis does not support authentication or encryption for your Redis connection. It may also expose your Redis data to unauthorized access or modification."}),"\n",(0,a.jsx)(o.li,{children:"It does not support the latest capabilities offered by Redis. You cannot query, visualize, or interact with complex data models such as documents, graphs, time series, and more."}),"\n",(0,a.jsx)(o.li,{children:"It does not support multiple data sources. You cannot connect to other databases or APIs using Webdis."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a built-in CLI for running commands and queries. You have to use HTTP requests to run commands and queries on your Redis data."}),"\n",(0,a.jsx)(o.li,{children:"It does not have a drag-and-drop interface for building user interfaces. You cannot build a user interface for your application using Webdis."}),"\n"]}),"\n",(0,a.jsx)(o.h3,{id:"to-use-webdis-to-build-a-redis-gui-for-your-application-you-need-to-follow-these-steps",children:"To use Webdis to build a Redis GUI for your application, you need to follow these steps:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Download Webdis from GitHub or compile it from the source code."}),"\n",(0,a.jsx)(o.li,{children:"Launch Webdis by running webdis the command in your terminal."}),"\n",(0,a.jsxs)(o.li,{children:["Access Webdis through your web browser by entering ",(0,a.jsx)(o.a,{href:"http://localhost:7379",children:"http://localhost:7379"})," in your address bar."]}),"\n",(0,a.jsxs)(o.li,{children:["Enter your Redis command or query in the URL path after the slash. For example, ",(0,a.jsx)(o.a,{href:"http://localhost:7379/GET/foo",children:"http://localhost:7379/GET/foo"})," will get the value of the key foo."]}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"See the result of your command or query in JSON format in your browser.\nThat\u2019s it! You have built a Redis GUI for your application using Webdis. You can now use it to access and interact with your Redis data."}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:"In this blog post, we have reviewed the top 7 Redis GUI tools in 2024 and compared them based on their functionality, usability, compatibility, and cost. We have also shown you how to use each tool to build a Redis GUI for your application."}),"\n",(0,a.jsx)(o.p,{children:"We hope this blog post has helped you find the best Redis GUI tool for your needs and preferences. However, if you ask us, we recommend ILLA Cloud as the best Redis GUI tool."})]})}function c(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}},7214:(e,o,s)=>{s.d(o,{Z:()=>r,a:()=>t});var a=s(959);const n={},i=a.createContext(n);function t(e){const o=a.useContext(i);return a.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:t(e.components),a.createElement(i.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/f20664df.ce59a094.js b/de/assets/js/f20664df.271e36c5.js
similarity index 91%
rename from de/assets/js/f20664df.ce59a094.js
rename to de/assets/js/f20664df.271e36c5.js
index a011e872e0..1191941efe 100644
--- a/de/assets/js/f20664df.ce59a094.js
+++ b/de/assets/js/f20664df.271e36c5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6355],{8804:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>n,metadata:()=>s,toc:()=>c});var a=t(1527),l=t(7214);const n={slug:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},i=void 0,s={permalink:"/illa-website/de/blog/popular-tool",source:"@site/blog/internal-tool/internal-tool.md",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. 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:2.4,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:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"The Best Tools for Building Crud Applications in 2024",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications"},nextItem:{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",permalink:"/illa-website/de/blog/launch-flow"},relatedPosts:[{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.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.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",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,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Open-source tools are common, but it's rare to see one with 10,000 stars. I'm sharing a product that has seen a crazy growth of 10,000 stars overseas. There are many low-code tools, but few are truly useful. This tool is primarily used by developers in North America, and their Discord community is very active."}),"\n",(0,a.jsx)(o.p,{children:"The community indeed has some good reviews."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/good.png",alt:"good"})}),"\n",(0,a.jsx)(o.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(o.p,{children:["Github: ",(0,a.jsx)(o.a,{href:"https://illacloud.com/illacloud/illa-builder",children:"https://illacloud.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(o.p,{children:["Official Website: ",(0,a.jsx)(o.a,{href:"https://illa.cloud",children:"https://illa.cloud"})]}),"\n",(0,a.jsx)(o.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(o.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(o.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(o.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(o.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(o.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(o.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(o.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/solution.png",alt:"solution"})}),"\n",(0,a.jsx)(o.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(o.p,{children:"For instance:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(o.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(o.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(o.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(o.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/flow.jpeg",alt:"flow"})}),"\n",(0,a.jsx)(o.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(o.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(o.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:'There are many low-code tools, but few can be practically used and implemented. ILLA seems to have been maintained for two years now, and their company is currently fully committed to this one thing. Unlike some low-code tools produced for certain purposes, they are directly addressing the needs of developers. Everyone can try it out!"'})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>s,a:()=>i});var a=t(959);const l={},n=a.createContext(l);function i(e){const o=a.useContext(n);return a.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function s(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:i(e.components),a.createElement(n.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6355],{8804:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>i,default:()=>u,frontMatter:()=>n,metadata:()=>s,toc:()=>c});var a=t(1527),l=t(7214);const n={slug:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},i=void 0,s={permalink:"/illa-website/de/blog/popular-tool",source:"@site/blog/internal-tool/internal-tool.md",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",date:"2024-01-05T10:00:00.000Z",formattedDate:"5. 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:2.4,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:"popular-tool",title:"10,000 Stars! This open-source low-code tool is wildly popular overseas.",description:"Open-source tools are common, but it's rare to see one with 10,000 stars.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/popular-tool/cover.png",tags:["nvm","nodejs","mac","javascript"],date:"2024-01-05T10:00"},unlisted:!1,prevItem:{title:"The Best Tools for Building Crud Applications in 2024",permalink:"/illa-website/de/blog/the-best-tools-for-build-crud-applications"},nextItem:{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",permalink:"/illa-website/de/blog/launch-flow"},relatedPosts:[{title:"Best Open-Source Low-Code Platform for Building Internal Tools",description:"ILLA Cloud is an open-source low-code development platform that helps users quickly build internal tools, including data dashboards, management backends.",permalink:"/illa-website/de/blog/internal-tool",formattedDate:"19. 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.825,date:"2024-01-19T12:00:00.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.",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-03T10:00:00.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant.",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-03T10:00:00.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"What ILLA Cloud Can Do",id:"what-illa-cloud-can-do",level:2},{value:"User Experience",id:"user-experience",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,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.p,{children:"Open-source tools are common, but it's rare to see one with 10,000 stars. I'm sharing a product that has seen a crazy growth of 10,000 stars overseas. There are many low-code tools, but few are truly useful. This tool is primarily used by developers in North America, and their Discord community is very active."}),"\n",(0,a.jsx)(o.p,{children:"The community indeed has some good reviews."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/good.png",alt:"good"})}),"\n",(0,a.jsx)(o.h2,{id:"what-illa-cloud-can-do",children:"What ILLA Cloud Can Do"}),"\n",(0,a.jsxs)(o.p,{children:["Github: ",(0,a.jsx)(o.a,{href:"https://illacloud.com/illacloud/illa-builder",children:"https://illacloud.com/illacloud/illa-builder"})]}),"\n",(0,a.jsxs)(o.p,{children:["Official Website: ",(0,a.jsx)(o.a,{href:"https://illa.cloud",children:"https://illa.cloud"})]}),"\n",(0,a.jsx)(o.p,{children:"The main users of ILLA Cloud are backend engineers, which might be different from what most people think. A large number of backend engineers have used ILLA Cloud to build numerous data panels and management backends. After all, web development has always been a headache for backend engineers. The tools built with ILLA Cloud are indeed quite aesthetically pleasing and fast."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/dashboard.png",alt:"dashboard"})}),"\n",(0,a.jsx)(o.p,{children:"ILLA also supports collaboration, allowing multiple people to edit a project together. Backend engineers no longer need to worry about building various internal backends. We all know the pain and tears of relying on front-end engineers."}),"\n",(0,a.jsx)(o.p,{children:"The official website also has some solutions, which currently seem to focus mainly on management backends, data panels, etc."}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"AI text-to-image panel"}),"\n",(0,a.jsx)(o.li,{children:"AI voice processing panel"}),"\n",(0,a.jsx)(o.li,{children:"Data analysis panel"}),"\n",(0,a.jsx)(o.li,{children:"Content management CMS"}),"\n",(0,a.jsx)(o.li,{children:"Custom CRM"}),"\n",(0,a.jsx)(o.li,{children:"Management backend"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/solution.png",alt:"solution"})}),"\n",(0,a.jsx)(o.p,{children:"They also support building workflows, and it seems they have done a lot of work in the low-code field, looking like a well-rounded product. It basically meets various common cases."}),"\n",(0,a.jsx)(o.p,{children:"For instance:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Sending a message to Slack when a new user registers"}),"\n",(0,a.jsx)(o.li,{children:"Daily reporting of the number of stars on GitHub"}),"\n",(0,a.jsx)(o.li,{children:"Daily booking of meeting rooms"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:"Engineers use ILLA Flow to automatically execute many tasks, such as:"}),"\n",(0,a.jsxs)(o.ul,{children:["\n",(0,a.jsx)(o.li,{children:"Reading business data from a database daily and sending it to Slack"}),"\n",(0,a.jsx)(o.li,{children:"Building CI/CD reporting systems"}),"\n",(0,a.jsx)(o.li,{children:"Sending emails when certain warnings occur"}),"\n"]}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/flow.jpeg",alt:"flow"})}),"\n",(0,a.jsx)(o.h2,{id:"user-experience",children:"User Experience"}),"\n",(0,a.jsx)(o.p,{children:"I briefly experienced it, and they have really put a lot of effort into the editor's smoothness and overall experience. The overall editing experience is quite good. It includes smooth drag-and-drop capabilities and also supports collaboration."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/team.gif",alt:"collabration"})}),"\n",(0,a.jsx)(o.p,{children:"Various database integration capabilities are also supported, allowing quick data reading and writing from various data sources and databases. For backend engineers, integrating various services is indeed a nightmare. In this case, ILLA has already done the work. They also support integration with Huggingface, which seems like an official collaboration. It allows for quick use of the model capabilities on Huggingface, which is indeed interesting. You can quickly create some AI-driven tools."}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/popular-tool/resource.png",alt:"resource"})}),"\n",(0,a.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,a.jsx)(o.p,{children:'There are many low-code tools, but few can be practically used and implemented. ILLA seems to have been maintained for two years now, and their company is currently fully committed to this one thing. Unlike some low-code tools produced for certain purposes, they are directly addressing the needs of developers. Everyone can try it out!"'})]})}function u(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,a.jsx)(o,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>s,a:()=>i});var a=t(959);const l={},n=a.createContext(l);function i(e){const o=a.useContext(n);return a.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function s(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:i(e.components),a.createElement(n.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/f7394536.9cd6e70a.js b/de/assets/js/f7394536.9cd6e70a.js
new file mode 100644
index 0000000000..3864a097f6
--- /dev/null
+++ b/de/assets/js/f7394536.9cd6e70a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9523],{4034:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>r,contentTitle:()=>a,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>c});var o=i(1527),s=i(7214);const n={slug:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/low-code-crm",source:"@site/blog/low-code-crm/low-code-crm.md",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"low code crm",permalink:"/illa-website/de/blog/tags/low-code-crm"}],readingTime:3.76,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:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",permalink:"/illa-website/de/blog/core-app-dashboard-2"},nextItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},relatedPosts:[],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"},{title:"Best tools for IT Support",description:"In ordinary companies, the IT department's Technical Support is responsible for managing the company's information system, database",permalink:"/illa-website/de/blog/it-support",formattedDate:"23. 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:8.025,date:"2024-01-23T20:00:00.000Z"}]},r={authorsImageUrls:[void 0]},c=[{value:"Why Build Your Own CRM?",id:"why-build-your-own-crm",level:2},{value:"Advantages of Low-Code Platforms",id:"advantages-of-low-code-platforms",level:2},{value:"Building CRM with ILLA Cloud",id:"building-crm-with-illa-cloud",level:2},{value:"Advantages of ILLA Cloud",id:"advantages-of-illa-cloud",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const t={h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.p,{children:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems. The main advantage of low-code platforms lies in their ability to rapidly iterate. This rapid iteration is key to swiftly responding to market changes, which in turn leads to quick market share acquisition. Gaining market share rapidly is essential for fast capital acquisition, and this swift capital influx fuels further rapid iteration. This cycle positions low-code platforms as the preferred choice for businesses to develop their operational systems in the coming years."}),"\n",(0,o.jsx)(t.p,{children:"Customer Relationship Management (CRM), a system essential for every business, stands as a significant application scenario for low-code platforms. This article will explore how to build a CRM system using a low-code platform."}),"\n",(0,o.jsx)(t.h2,{id:"why-build-your-own-crm",children:"Why Build Your Own CRM?"}),"\n",(0,o.jsx)(t.p,{children:"While every business requires a CRM system, the ones currently available in the market are either too complex or overly simplistic, making it hard to meet specific business needs. As a result, many businesses opt to build their own CRM systems."}),"\n",(0,o.jsx)(t.p,{children:"Using low-code tools to build a CRM system allows for rapid iteration and swift response to market changes. This cycle cements the future of low-code platforms as the go-to solution for businesses developing operational systems."}),"\n",(0,o.jsx)(t.p,{children:"The flexible capabilities of low-code allow for quick, from-the-ground-up construction of fully customized CRM tools tailored to a company's unique requirements."}),"\n",(0,o.jsx)(t.h2,{id:"advantages-of-low-code-platforms",children:"Advantages of Low-Code Platforms"}),"\n",(0,o.jsx)(t.p,{children:"The primary advantage of low-code platforms is their ability to facilitate rapid iteration. This rapid iteration is crucial for quick response to market changes, which leads to swift market share and capital acquisition, feeding back into more rapid iteration. This cycle ensures that low-code platforms will remain the preferred choice for businesses building operational systems in the near future."}),"\n",(0,o.jsx)(t.p,{children:"Building a CRM with low-code means focusing solely on business logic without worrying about operational costs or design styles. It empowers everyone to develop customized systems for their company and team."}),"\n",(0,o.jsx)(t.p,{children:"Moreover, these systems are aesthetically pleasing and easily modifiable."}),"\n",(0,o.jsx)(t.h2,{id:"building-crm-with-illa-cloud",children:"Building CRM with ILLA Cloud"}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud is a low-code platform that helps businesses quickly build their operational systems. It offers a wide range of components, enabling the rapid construction of business systems."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/crm.webp",alt:"crm"})}),"\n",(0,o.jsx)(t.p,{children:"The system built with ILLA Cloud offers several features:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Customer management"}),"\n",(0,o.jsx)(t.li,{children:"Progress tracking"}),"\n",(0,o.jsx)(t.li,{children:"Data report management"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"As a low-code tool, ILLA Cloud allows for unlimited customization, enabling the creation of bespoke features unique to a company."}),"\n",(0,o.jsx)(t.p,{children:"With drag-and-drop simplicity, ILLA Cloud enables rapid construction of custom UIs, allowing users to create a fully-functional low-code CRM in just minutes. This platform boasts an extensive array of common components, coupled with the ability to pull data from any database or data source. Therefore, choosing ILLA Cloud for building a low-code CRM is an exceptionally sound decision."}),"\n",(0,o.jsx)(t.p,{children:"The platform's user-friendly interface simplifies the CRM creation process, making it accessible even to those with minimal technical expertise. The vast selection of components ensures that every necessary feature can be easily integrated into the CRM system, tailored to specific business requirements."}),"\n",(0,o.jsx)(t.p,{children:"Furthermore, the seamless integration with various databases and data sources empowers businesses to consolidate and utilize their data efficiently, enhancing the CRM's effectiveness. This capability is crucial for businesses aiming to maintain a comprehensive and up-to-date customer database, which is at the core of any successful CRM system."}),"\n",(0,o.jsx)(t.p,{children:"In summary, ILLA Cloud's combination of ease-of-use, comprehensive component selection, and robust data integration capabilities makes it a top-tier choice for businesses looking to implement a low-code CRM solution."}),"\n",(0,o.jsx)(t.h2,{id:"advantages-of-illa-cloud",children:"Advantages of ILLA Cloud"}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud enables quick Web UI construction through drag-and-drop, eliminating the need for complex web technology skills. This accessibility allows anyone to create their own business systems."}),"\n",(0,o.jsx)(t.p,{children:"It requires no operational skills, as all products are fully hosted on the ILLA Cloud, eliminating operational costs."}),"\n",(0,o.jsx)(t.p,{children:"ILLA Cloud supports collaborative team updates without any additional tools."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/team.gif",alt:"team"})}),"\n",(0,o.jsx)(t.p,{children:"ILLA also integrates complete AI capabilities. If there's a need to send text messages to customers, users can directly use the latest AI Agent within the product."}),"\n",(0,o.jsx)(t.p,{children:"We believe that building AI-Driven Business Tools is the future's preferred method."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/send.gif",alt:"send"})}),"\n",(0,o.jsx)(t.p,{children:"Flexibility has always been a strength of low-code tools, and we offer industry-leading solutions to help users quickly create their corresponding products. We hope that low-code can assist every developer in building their own low-code CRM."}),"\n",(0,o.jsx)(t.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,o.jsx)(t.p,{children:"Every company should have its own low-code CRM, as customized needs and capabilities are key to flexible operations. We hope everyone can rapidly build business tools using low-code tools."})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>l,a:()=>a});var o=i(959);const s={},n=o.createContext(s);function a(e){const t=o.useContext(n);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),o.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/f7394536.e2eea934.js b/de/assets/js/f7394536.e2eea934.js
deleted file mode 100644
index fdf19edcf0..0000000000
--- a/de/assets/js/f7394536.e2eea934.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9523],{4034:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>r,contentTitle:()=>a,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>c});var i=o(1527),s=o(7214);const n={slug:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},a=void 0,l={permalink:"/illa-website/de/blog/low-code-crm",source:"@site/blog/low-code-crm/low-code-crm.md",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",date:"2024-01-04T10:00:00.000Z",formattedDate:"4. Januar 2024",tags:[{label:"low code crm",permalink:"/illa-website/de/blog/tags/low-code-crm"}],readingTime:3.76,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:"low-code-crm",title:"How to build a custom low code CRM in 2024",description:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/cover.png",tags:["low code crm"],date:"2024-01-04T10:00"},unlisted:!1,prevItem:{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",permalink:"/illa-website/de/blog/core-app-dashboard-2"},nextItem:{title:"Bestes Produkt, das f\xfcr Backend-Entwickler entwickelt wurde, um Gesch\xe4ftstools zu erstellen",permalink:"/illa-website/de/blog/backend-create-web-ui"},relatedPosts:[],authorPosts:[{title:"Erstellen Sie das Kern-App-Dashboard in Rekordzeit",description:"Das Core-App-Dashboard ist das Nervenzentrum jeder anspruchsvollen Anwendung.",permalink:"/illa-website/de/blog/core-app-dashboard-2",formattedDate:"4. 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:7.535,date:"2024-01-04T10:00:00.000Z"},{title:"ILLA Flow: A javascript-driven, developer-friendly product for creating automate workflow",description:"ILLA Flow is a workflow product that allows you to construct a complete workflow in a manner similar to mind mapping.",permalink:"/illa-website/de/blog/launch-flow",formattedDate:"5. 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.91,date:"2024-01-05T10:00:00.000Z"},{title:"Low Code vs Traditionelle Entwicklung: Optimale Effizienz in der Auswahl",description:"Mit der kontinuierlichen Entwicklung der Entwicklungspraktiken hat das Aufkommen von Low-Code-Tools innovative L\xf6sungen f\xfcr verschiedene Entwicklungsszenarien eingef\xfchrt. Dies hat die Notwendigkeit verringert, Projekte von Grund auf neu zu beginnen, was erhebliche Zeit f\xfcr wichtigere Gesch\xe4ftsbestrebungen spart. Es ist jedoch entscheidend zu erkennen, dass Low Code die Entwicklung beschleunigt, dies jedoch auf Kosten einer gewissen Flexibilit\xe4t geschieht. Infolgedessen sind nicht alle L\xf6sungen gut f\xfcr die Low-Code-Entwicklung geeignet. Lassen Sie uns tiefer in die Analyse von Szenarien eintauchen, die Low-Code-Tools gegen\xfcber denen bevorzugen, bei denen die traditionelle Codeentwicklung angemessener bleibt. W\xe4hrend dieser Untersuchung bleibt der Schl\xfcsselvergleich von Low Code gegen\xfcber traditioneller Entwicklung von gr\xf6\xdfter Bedeutung und betont die kritische Wichtigkeit, den effizientesten Ansatz zu w\xe4hlen.",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.25,date:"2024-01-03T10:00:00.000Z"}]},r={authorsImageUrls:[void 0]},c=[{value:"Why Build Your Own CRM?",id:"why-build-your-own-crm",level:2},{value:"Advantages of Low-Code Platforms",id:"advantages-of-low-code-platforms",level:2},{value:"Building CRM with ILLA Cloud",id:"building-crm-with-illa-cloud",level:2},{value:"Advantages of ILLA Cloud",id:"advantages-of-illa-cloud",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const t={h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"With the evolution of low-code platforms, an increasing number of businesses are turning to these platforms to build their operational systems. The main advantage of low-code platforms lies in their ability to rapidly iterate. This rapid iteration is key to swiftly responding to market changes, which in turn leads to quick market share acquisition. Gaining market share rapidly is essential for fast capital acquisition, and this swift capital influx fuels further rapid iteration. This cycle positions low-code platforms as the preferred choice for businesses to develop their operational systems in the coming years."}),"\n",(0,i.jsx)(t.p,{children:"Customer Relationship Management (CRM), a system essential for every business, stands as a significant application scenario for low-code platforms. This article will explore how to build a CRM system using a low-code platform."}),"\n",(0,i.jsx)(t.h2,{id:"why-build-your-own-crm",children:"Why Build Your Own CRM?"}),"\n",(0,i.jsx)(t.p,{children:"While every business requires a CRM system, the ones currently available in the market are either too complex or overly simplistic, making it hard to meet specific business needs. As a result, many businesses opt to build their own CRM systems."}),"\n",(0,i.jsx)(t.p,{children:"Using low-code tools to build a CRM system allows for rapid iteration and swift response to market changes. This cycle cements the future of low-code platforms as the go-to solution for businesses developing operational systems."}),"\n",(0,i.jsx)(t.p,{children:"The flexible capabilities of low-code allow for quick, from-the-ground-up construction of fully customized CRM tools tailored to a company's unique requirements."}),"\n",(0,i.jsx)(t.h2,{id:"advantages-of-low-code-platforms",children:"Advantages of Low-Code Platforms"}),"\n",(0,i.jsx)(t.p,{children:"The primary advantage of low-code platforms is their ability to facilitate rapid iteration. This rapid iteration is crucial for quick response to market changes, which leads to swift market share and capital acquisition, feeding back into more rapid iteration. This cycle ensures that low-code platforms will remain the preferred choice for businesses building operational systems in the near future."}),"\n",(0,i.jsx)(t.p,{children:"Building a CRM with low-code means focusing solely on business logic without worrying about operational costs or design styles. It empowers everyone to develop customized systems for their company and team."}),"\n",(0,i.jsx)(t.p,{children:"Moreover, these systems are aesthetically pleasing and easily modifiable."}),"\n",(0,i.jsx)(t.h2,{id:"building-crm-with-illa-cloud",children:"Building CRM with ILLA Cloud"}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud is a low-code platform that helps businesses quickly build their operational systems. It offers a wide range of components, enabling the rapid construction of business systems."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/crm.webp",alt:"crm"})}),"\n",(0,i.jsx)(t.p,{children:"The system built with ILLA Cloud offers several features:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Customer management"}),"\n",(0,i.jsx)(t.li,{children:"Progress tracking"}),"\n",(0,i.jsx)(t.li,{children:"Data report management"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"As a low-code tool, ILLA Cloud allows for unlimited customization, enabling the creation of bespoke features unique to a company."}),"\n",(0,i.jsx)(t.p,{children:"With drag-and-drop simplicity, ILLA Cloud enables rapid construction of custom UIs, allowing users to create a fully-functional low-code CRM in just minutes. This platform boasts an extensive array of common components, coupled with the ability to pull data from any database or data source. Therefore, choosing ILLA Cloud for building a low-code CRM is an exceptionally sound decision."}),"\n",(0,i.jsx)(t.p,{children:"The platform's user-friendly interface simplifies the CRM creation process, making it accessible even to those with minimal technical expertise. The vast selection of components ensures that every necessary feature can be easily integrated into the CRM system, tailored to specific business requirements."}),"\n",(0,i.jsx)(t.p,{children:"Furthermore, the seamless integration with various databases and data sources empowers businesses to consolidate and utilize their data efficiently, enhancing the CRM's effectiveness. This capability is crucial for businesses aiming to maintain a comprehensive and up-to-date customer database, which is at the core of any successful CRM system."}),"\n",(0,i.jsx)(t.p,{children:"In summary, ILLA Cloud's combination of ease-of-use, comprehensive component selection, and robust data integration capabilities makes it a top-tier choice for businesses looking to implement a low-code CRM solution."}),"\n",(0,i.jsx)(t.h2,{id:"advantages-of-illa-cloud",children:"Advantages of ILLA Cloud"}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud enables quick Web UI construction through drag-and-drop, eliminating the need for complex web technology skills. This accessibility allows anyone to create their own business systems."}),"\n",(0,i.jsx)(t.p,{children:"It requires no operational skills, as all products are fully hosted on the ILLA Cloud, eliminating operational costs."}),"\n",(0,i.jsx)(t.p,{children:"ILLA Cloud supports collaborative team updates without any additional tools."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/team.gif",alt:"team"})}),"\n",(0,i.jsx)(t.p,{children:"ILLA also integrates complete AI capabilities. If there's a need to send text messages to customers, users can directly use the latest AI Agent within the product."}),"\n",(0,i.jsx)(t.p,{children:"We believe that building AI-Driven Business Tools is the future's preferred method."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/low-code-crm/send.gif",alt:"send"})}),"\n",(0,i.jsx)(t.p,{children:"Flexibility has always been a strength of low-code tools, and we offer industry-leading solutions to help users quickly create their corresponding products. We hope that low-code can assist every developer in building their own low-code CRM."}),"\n",(0,i.jsx)(t.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(t.p,{children:"Every company should have its own low-code CRM, as customized needs and capabilities are key to flexible operations. We hope everyone can rapidly build business tools using low-code tools."})]})}function u(e={}){const{wrapper:t}={...(0,s.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:()=>l,a:()=>a});var i=o(959);const s={},n=i.createContext(s);function a(e){const t=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/main.7a78839f.js b/de/assets/js/main.7a78839f.js
new file mode 100644
index 0000000000..a4dfffb072
--- /dev/null
+++ b/de/assets/js/main.7a78839f.js
@@ -0,0 +1,2 @@
+/*! For license information please see main.7a78839f.js.LICENSE.txt */
+(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,n,t)=>{var i={"./":1884};function r(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}r.keys=function(){return Object.keys(i)},r.resolve=a,e.exports=r,r.id=1422},6002:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});t(959);var i=t(7558),r=t.n(i),a=t(6887);const o={"0104b3a5":[()=>Promise.all([t.e(532),t.e(8592),t.e(1205)]).then(t.bind(t,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(4013)]).then(t.bind(t,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([t.e(532),t.e(8592),t.e(8550)]).then(t.bind(t,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([t.e(532),t.e(8592),t.e(4530)]).then(t.bind(t,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([t.e(532),t.e(8592),t.e(1618)]).then(t.bind(t,489)),"@site/src/pages/components/Divider/index.tsx",489],"050ff1a7":[()=>t.e(4651).then(t.bind(t,3541)),"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md?truncated=true",3541],"05aa103b":[()=>t.e(1829).then(t.bind(t,5337)),"@site/i18n/de/docusaurus-plugin-content-blog/build-dashboard/build-dashboard.md?truncated=true",5337],"0ace796b":[()=>t.e(7334).then(t.t.bind(t,9077,19)),"~blog/default/illa-website-de-blog-tags-core-app-dashboard-85e-list.json",9077],"0ca1f155":[()=>t.e(5764).then(t.t.bind(t,3019,19)),"~blog/default/illa-website-de-blog-tags-gui-d9d-list.json",3019],"0d554a4b":[()=>t.e(6600).then(t.t.bind(t,9544,19)),"~blog/default/illa-website-de-blog-tags-redis-8da-list.json",9544],"10725d97":[()=>t.e(7821).then(t.t.bind(t,6611,19)),"~blog/default/illa-website-de-blog-tags-typescript-7ae-list.json",6611],"1145dbcf":[()=>t.e(2715).then(t.t.bind(t,2466,19)),"~blog/default/illa-website-de-blog-tags-burgerentwickler-230.json",2466],"11f28d89":[()=>t.e(7228).then(t.bind(t,5922)),"@site/blog/internal-tool/internal-tool.md?truncated=true",5922],"12f5e357":[()=>t.e(8808).then(t.t.bind(t,2401,19)),"~blog/default/illa-website-de-blog-tags-retool-955.json",2401],"1704a5d7":[()=>Promise.all([t.e(532),t.e(8592),t.e(5055),t.e(7596)]).then(t.bind(t,3135)),"@site/src/pages/illa-flow/index.tsx",3135],"17fb53e2":[()=>Promise.all([t.e(532),t.e(8592),t.e(4893)]).then(t.bind(t,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>t.e(5037).then(t.bind(t,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([t.e(532),t.e(8592),t.e(6921)]).then(t.bind(t,7108)),"@site/src/pages/components/index.tsx",7108],"189ab338":[()=>t.e(1663).then(t.t.bind(t,839,19)),"~blog/default/illa-website-de-blog-tags-freelancer-da0.json",839],"18bff930":[()=>t.e(5689).then(t.bind(t,8742)),"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",8742],"1b46aaf4":[()=>t.e(7663).then(t.bind(t,7856)),"@site/blog/it-support/it-support.md?truncated=true",7856],"1b97b52f":[()=>Promise.all([t.e(532),t.e(8592),t.e(2833)]).then(t.bind(t,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1c57cedb":[()=>t.e(7493).then(t.t.bind(t,2720,19)),"~blog/default/illa-website-de-blog-tags-werkzeuge-baa-list.json",2720],"1df93b7f":[()=>Promise.all([t.e(532),t.e(8592),t.e(5708),t.e(3237)]).then(t.bind(t,7919)),"@site/src/pages/index.tsx",7919],"1e09ebda":[()=>t.e(946).then(t.bind(t,8679)),"@site/i18n/de/docusaurus-plugin-content-blog/best-citizen-developer-tool/best-citizen-developer-tool.md?truncated=true",8679],"1e2c1a99":[()=>t.e(7633).then(t.bind(t,3338)),"@site/i18n/de/docusaurus-plugin-content-blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",3338],"23c69b7f":[()=>t.e(9609).then(t.bind(t,5619)),"@site/i18n/de/docusaurus-plugin-content-blog/build-ai-tools/build-ai-tools.md",5619],"240230be":[()=>t.e(3757).then(t.t.bind(t,847,19)),"~blog/default/illa-website-de-blog-tags-interne-tools-30c-list.json",847],"25bbf118":[()=>Promise.all([t.e(532),t.e(8592),t.e(7277)]).then(t.bind(t,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([t.e(532),t.e(8592),t.e(4417)]).then(t.bind(t,716)),"@site/src/pages/components/DateRange/index.tsx",716],"26c8c5aa":[()=>t.e(9444).then(t.t.bind(t,5574,19)),"~blog/default/illa-website-de-blog-tags-workflow-6bc-list.json",5574],"279770d6":[()=>Promise.all([t.e(532),t.e(8592),t.e(7654)]).then(t.bind(t,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([t.e(532),t.e(8592),t.e(5923),t.e(3807)]).then(t.bind(t,3712)),"@theme/SolutionsPage",3712],"2937fddb":[()=>Promise.all([t.e(532),t.e(8592),t.e(7559)]).then(t.bind(t,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([t.e(532),t.e(8592),t.e(4664)]).then(t.bind(t,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2e55149c":[()=>t.e(8920).then(t.bind(t,8692)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-dashboard.mdx",8692],30834002:[()=>Promise.all([t.e(532),t.e(8592),t.e(7949)]).then(t.bind(t,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([t.e(532),t.e(8592),t.e(7906)]).then(t.bind(t,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"3155c978":[()=>t.e(2696).then(t.t.bind(t,6139,19)),"~blog/default/illa-website-de-blog-tags-freiberuflich-f26.json",6139],"334cd31e":[()=>t.e(5278).then(t.t.bind(t,44,19)),"~blog/default/illa-website-de-blog-tags-database-31b-list.json",44],"34d0e50f":[()=>t.e(5385).then(t.t.bind(t,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"3505054e":[()=>t.e(5084).then(t.t.bind(t,8815,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc.json",8815],"354dfbd1":[()=>t.e(8248).then(t.bind(t,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"35e17217":[()=>t.e(5290).then(t.bind(t,7680)),"@site/blog/top-7-database-guis-for-sql-databases/top-7-database-guis-for-sql-databases.md?truncated=true",7680],"381438df":[()=>t.e(3755).then(t.t.bind(t,7610,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklungs-tool-ae5.json",7610],"38806fe8":[()=>Promise.all([t.e(532),t.e(8592),t.e(9248)]).then(t.bind(t,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"38ec0b43":[()=>t.e(8828).then(t.t.bind(t,5615,19)),"~blog/default/illa-website-de-blog-tags-burgerentwickler-230-list.json",5615],"3951042e":[()=>t.e(6194).then(t.t.bind(t,8316,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2.json",8316],"3a11c6c0":[()=>t.e(4289).then(t.t.bind(t,996,19)),"~blog/default/illa-website-de-blog-tags-slack-054.json",996],"3c2834c3":[()=>t.e(4644).then(t.t.bind(t,3924,19)),"~blog/default/illa-website-de-blog-tags-daten-dashboard-05b.json",3924],"3c8b381d":[()=>t.e(6857).then(t.t.bind(t,8167,19)),"~blog/default/illa-website-de-blog-tags-ki-854.json",8167],"3cda743d":[()=>t.e(1501).then(t.t.bind(t,6289,19)),"~blog/default/illa-website-de-blog-tags-database-31b.json",6289],"3d113612":[()=>t.e(1819).then(t.bind(t,7102)),"@site/blog/top-7-database-guis-for-sql-databases/top-7-database-guis-for-sql-databases.md",7102],"3d6ccfd0":[()=>Promise.all([t.e(532),t.e(8592),t.e(7543)]).then(t.bind(t,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>t.e(5694).then(t.bind(t,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([t.e(532),t.e(8592),t.e(7155)]).then(t.bind(t,2974)),"@site/src/pages/components/Form/index.tsx",2974],"40c20836":[()=>t.e(2391).then(t.bind(t,3490)),"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md?truncated=true",3490],"410ea938":[()=>t.e(5878).then(t.bind(t,7367)),"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",7367],41685197:[()=>Promise.all([t.e(532),t.e(8592),t.e(4610)]).then(t.bind(t,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"43fad075":[()=>t.e(4815).then(t.bind(t,2586)),"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",2586],"451bfe05":[()=>Promise.all([t.e(532),t.e(8592),t.e(5162)]).then(t.bind(t,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([t.e(532),t.e(8592),t.e(2136)]).then(t.bind(t,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"45976a90":[()=>t.e(6847).then(t.t.bind(t,922,19)),"~blog/default/illa-website-de-blog-tags-gui-d9d.json",922],"46a49447":[()=>Promise.all([t.e(532),t.e(8592),t.e(4771)]).then(t.bind(t,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([t.e(532),t.e(8592),t.e(1055)]).then(t.bind(t,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([t.e(532),t.e(8592),t.e(852)]).then(t.bind(t,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>t.e(9699).then(t.bind(t,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4ac275c7":[()=>Promise.all([t.e(532),t.e(8592),t.e(1679)]).then(t.bind(t,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([t.e(532),t.e(8592),t.e(2578)]).then(t.bind(t,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"4cd4a92c":[()=>t.e(1421).then(t.bind(t,6011)),"@site/i18n/de/docusaurus-plugin-content-blog/typescript-most-practical-features-compilation/typescript-most-practical-features-compilation.md?truncated=true",6011],"50cfa8ab":[()=>Promise.all([t.e(532),t.e(8592),t.e(9788)]).then(t.bind(t,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"5248a763":[()=>t.e(8831).then(t.t.bind(t,2236,19)),"~blog/default/illa-website-de-blog-tags-appsmith-a29.json",2236],"53015dc5":[()=>Promise.all([t.e(532),t.e(8592),t.e(8962)]).then(t.bind(t,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"539718c6":[()=>t.e(8514).then(t.bind(t,5427)),"@site/blog/popular-tool/popular-tool.md?truncated=true",5427],"56cbb393":[()=>Promise.all([t.e(532),t.e(8592),t.e(7050)]).then(t.bind(t,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([t.e(532),t.e(8592),t.e(9982)]).then(t.bind(t,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([t.e(532),t.e(8592),t.e(4556)]).then(t.bind(t,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"59a26f86":[()=>t.e(5611).then(t.t.bind(t,8699,19)),"~blog/default/illa-website-de-blog-tags-appsmith-a29-list.json",8699],"59f2cc97":[()=>t.e(8365).then(t.t.bind(t,3479,19)),"~blog/default/illa-website-de-blog-tags-low-code-crm-5b3-list.json",3479],"5a8d0967":[()=>t.e(4359).then(t.t.bind(t,841,19)),"~blog/default/illa-website-de-blog-tags-tags-f58.json",841],"5adc8aa7":[()=>t.e(4293).then(t.t.bind(t,1728,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb-list.json",1728],"5b196cbe":[()=>t.e(2061).then(t.t.bind(t,4042,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb.json",4042],"5bf9ba3f":[()=>t.e(9574).then(t.t.bind(t,8087,19)),"~blog/default/illa-website-de-blog-tags-react-5cb-list.json",8087],"5c63dc5b":[()=>t.e(6191).then(t.t.bind(t,3459,19)),"~blog/default/illa-website-de-blog-4a8.json",3459],"5ca6070c":[()=>Promise.all([t.e(532),t.e(8592),t.e(2056)]).then(t.bind(t,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5d9e675f":[()=>t.e(5515).then(t.bind(t,1130)),"@site/blog/popular-tool/popular-tool.md",1130],"5e9f5e1a":[()=>Promise.resolve().then(t.bind(t,6809)),"@generated/docusaurus.config",6809],"5f723015":[()=>t.e(4300).then(t.bind(t,4670)),"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",4670],"5f78ec6a":[()=>t.e(3096).then(t.bind(t,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([t.e(532),t.e(8592),t.e(9090)]).then(t.bind(t,786)),"@site/src/pages/components/Icon/index.tsx",786],"676e122a":[()=>t.e(1187).then(t.bind(t,2680)),"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",2680],"68395e99":[()=>t.e(2847).then(t.bind(t,3948)),"@site/i18n/de/docusaurus-plugin-content-blog/best-low-code-platform/best-low-code-platform.md",3948],"6875c492":[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(8610)]).then(t.bind(t,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([t.e(532),t.e(8592),t.e(2714)]).then(t.bind(t,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"69e70952":[()=>t.e(3370).then(t.t.bind(t,4680,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2-list.json",4680],"6b77f036":[()=>t.e(7230).then(t.bind(t,7356)),"@site/i18n/de/docusaurus-plugin-content-blog/best-low-code-platform/best-low-code-platform.md?truncated=true",7356],"6b7903a8":[()=>Promise.all([t.e(532),t.e(8592),t.e(9324)]).then(t.bind(t,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6b88316d":[()=>t.e(6036).then(t.bind(t,114)),"@site/i18n/de/docusaurus-plugin-content-blog/automate-send-to-slack/automate-send-to-slack.md?truncated=true",114],"6ba1d1fd":[()=>t.e(2503).then(t.t.bind(t,4025,19)),"~blog/default/illa-website-de-blog-tags-retool-955-list.json",4025],"6bb5daf4":[()=>t.e(6402).then(t.bind(t,6963)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6963],"6d69edbe":[()=>t.e(8876).then(t.bind(t,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6de1dbb7":[()=>t.e(2974).then(t.t.bind(t,6851,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3.json",6851],"6e21f0f2":[()=>t.e(610).then(t.t.bind(t,6918,19)),"~blog/default/illa-website-de-blog-tags-upwork-4ed.json",6918],"6e91fee9":[()=>Promise.all([t.e(532),t.e(8592),t.e(856)]).then(t.bind(t,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f3a9b70":[()=>t.e(7803).then(t.bind(t,8134)),"@site/i18n/de/docusaurus-plugin-content-blog/typescript-most-practical-features-compilation/typescript-most-practical-features-compilation.md",8134],"6fb71529":[()=>t.e(8823).then(t.t.bind(t,8940,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da.json",8940],"7213c8c2":[()=>Promise.all([t.e(532),t.e(8592),t.e(3045)]).then(t.bind(t,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"733df29f":[()=>Promise.all([t.e(532),t.e(8592),t.e(8151)]).then(t.bind(t,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"745ae684":[()=>t.e(1027).then(t.bind(t,6122)),"@site/blog/launch-flow/launch-flow.md",6122],"7467c04f":[()=>t.e(3104).then(t.t.bind(t,5429,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9.json",5429],"78abd0ad":[()=>t.e(2477).then(t.t.bind(t,8884,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e.json",8884],"78b157de":[()=>t.e(3768).then(t.bind(t,5693)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-crm.mdx",5693],"79c71fe4":[()=>t.e(6939).then(t.bind(t,618)),"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",618],"79cd3d84":[()=>t.e(9443).then(t.t.bind(t,3468,19)),"~blog/default/illa-website-de-blog-tags-freelancer-da0-list.json",3468],"7b91dc2c":[()=>Promise.all([t.e(532),t.e(8592),t.e(7448)]).then(t.bind(t,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([t.e(532),t.e(8592),t.e(7832)]).then(t.bind(t,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7dda7093":[()=>t.e(8518).then(t.bind(t,2860)),"@site/blog/low-code-crm/low-code-crm.md?truncated=true",2860],"7e92d9a9":[()=>t.e(3018).then(t.t.bind(t,5187,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da-list.json",5187],"7f0a0f20":[()=>Promise.all([t.e(532),t.e(8592),t.e(2377)]).then(t.bind(t,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"7febbbe5":[()=>t.e(2068).then(t.t.bind(t,820,19)),"~blog/default/illa-website-de-blog-tags-traditionelle-entwicklung-554-list.json",820],"837d095b":[()=>Promise.all([t.e(532),t.e(8592),t.e(9211)]).then(t.bind(t,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([t.e(532),t.e(8592),t.e(4638)]).then(t.bind(t,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"8476c6bf":[()=>t.e(3408).then(t.t.bind(t,4266,19)),"~blog/default/illa-website-de-blog-tags-fiverr-a83-list.json",4266],"848ce704":[()=>t.e(2901).then(t.bind(t,4504)),"@site/i18n/de/docusaurus-plugin-content-blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",4504],"84eadcb2":[()=>t.e(1691).then(t.bind(t,9002)),"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md?truncated=true",9002],"86953be1":[()=>Promise.all([t.e(532),t.e(8592),t.e(6510)]).then(t.bind(t,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"86c6069c":[()=>t.e(4774).then(t.t.bind(t,3642,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklung-bbe.json",3642],"8705a2fc":[()=>t.e(2980).then(t.t.bind(t,6050,19)),"~blog/default/illa-website-de-blog-tags-traditionelle-entwicklung-554.json",6050],"88d8af9f":[()=>t.e(5038).then(t.bind(t,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([t.e(532),t.e(8592),t.e(3883)]).then(t.bind(t,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"89a4bf40":[()=>t.e(4915).then(t.bind(t,7543)),"@site/i18n/de/docusaurus-plugin-content-blog/best-citizen-developer-tool/best-citizen-developer-tool.md",7543],"8a494e53":[()=>t.e(2270).then(t.bind(t,3443)),"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",3443],"8ab25058":[()=>t.e(122).then(t.t.bind(t,7478,19)),"~blog/default/illa-website-de-blog-tags-automatisierung-625-list.json",7478],"8d6ac46a":[()=>t.e(8510).then(t.t.bind(t,2905,19)),"~blog/default/illa-website-de-blog-tags-freiberuflich-f26-list.json",2905],"8d9a9c02":[()=>Promise.all([t.e(532),t.e(8592),t.e(3265)]).then(t.bind(t,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"912dc06b":[()=>t.e(4501).then(t.bind(t,3507)),"@site/blog/the-best-tools-for-build-crud-applications/the-best-tools-for-build-crud-applications.md?truncated=true",3507],"913e659f":[()=>t.e(5355).then(t.t.bind(t,5102,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc-list.json",5102],"921028f2":[()=>Promise.all([t.e(532),t.e(8592),t.e(8922)]).then(t.bind(t,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([t.e(532),t.e(8592),t.e(1414)]).then(t.bind(t,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([t.e(532),t.e(8592),t.e(1845)]).then(t.bind(t,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],"97896d63":[()=>t.e(8364).then(t.bind(t,2077)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",2077],"999679b7":[()=>t.e(1281).then(t.bind(t,9268)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-image-generator.mdx",9268],"9a8604de":[()=>t.e(4006).then(t.bind(t,966)),"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",966],"9de45a08":[()=>Promise.all([t.e(532),t.e(8592),t.e(4640)]).then(t.bind(t,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([t.e(532),t.e(8592),t.e(6290)]).then(t.bind(t,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a04a4c5d:[()=>t.e(8353).then(t.t.bind(t,1505,19)),"~blog/default/illa-website-de-blog-tags-tools-372.json",1505],a20143ec:[()=>t.e(5209).then(t.t.bind(t,2258,19)),"~blog/default/illa-website-de-blog-tags-core-app-dashboard-85e.json",2258],a241c358:[()=>t.e(5649).then(t.t.bind(t,3267,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e-list.json",3267],a252bbd3:[()=>t.e(9524).then(t.t.bind(t,8202,19)),"~blog/default/illa-website-de-blog-tags-daten-dashboard-05b-list.json",8202],a6aa9e1f:[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(3089)]).then(t.bind(t,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([t.e(532),t.e(8592),t.e(3102)]).then(t.bind(t,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([t.e(532),t.e(8592),t.e(8891)]).then(t.bind(t,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8318b78:[()=>t.e(9066).then(t.t.bind(t,7906,19)),"~blog/default/illa-website-de-blog-tags-tooljet-981.json",7906],a9372106:[()=>Promise.all([t.e(532),t.e(8592),t.e(1777)]).then(t.bind(t,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9b6c276:[()=>t.e(6681).then(t.t.bind(t,5722,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2-list.json",5722],aa984547:[()=>t.e(3119).then(t.t.bind(t,3239,19)),"~blog/default/illa-website-de-blog-tags-slack-054-list.json",3239],ab0e4da2:[()=>t.e(3967).then(t.bind(t,5456)),"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md?truncated=true",5456],ac92cbdc:[()=>Promise.all([t.e(532),t.e(8592),t.e(5378)]).then(t.bind(t,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],b08e52d1:[()=>t.e(2789).then(t.t.bind(t,3105,19)),"~blog/default/illa-website-de-blog-tags-crud-087.json",3105],b1136fb8:[()=>t.e(9776).then(t.bind(t,2934)),"@site/i18n/de/docusaurus-plugin-content-blog/automate-send-to-slack/automate-send-to-slack.md",2934],b28d299f:[()=>t.e(5455).then(t.t.bind(t,8161,19)),"~blog/default/illa-website-de-blog-tags-ki-854-list.json",8161],b2b8f29c:[()=>t.e(7089).then(t.t.bind(t,2372,19)),"~blog/default/illa-website-de-blog-tags-java-script-b59-list.json",2372],b5f2bf09:[()=>t.e(1775).then(t.t.bind(t,8195,19)),"~blog/default/illa-website-de-blog-tags-redis-8da.json",8195],b6eb34d2:[()=>t.e(5191).then(t.bind(t,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],b7380117:[()=>t.e(3038).then(t.t.bind(t,2228,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklungs-tool-ae5-list.json",2228],b83b1560:[()=>t.e(5064).then(t.t.bind(t,696,19)),"~blog/default/illa-website-de-blog-tags-react-5cb.json",696],b981a087:[()=>t.e(256).then(t.t.bind(t,6301,19)),"~blog/default/illa-website-de-blog-tags-werkzeuge-baa.json",6301],ba3e7c73:[()=>t.e(9119).then(t.bind(t,2513)),"@site/i18n/de/docusaurus-plugin-content-blog/boost-freelancer/boost-freelancer.md?truncated=true",2513],bb2e1bc1:[()=>t.e(905).then(t.t.bind(t,9568,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb-list.json",9568],bb9e3f22:[()=>Promise.all([t.e(532),t.e(8592),t.e(5118)]).then(t.bind(t,4980)),"@site/src/pages/components/Container/index.tsx",4980],bc523c4c:[()=>t.e(5425).then(t.t.bind(t,6455,19)),"~blog/default/illa-website-de-blog-tags-upwork-4ed-list.json",6455],bc7fd142:[()=>t.e(9425).then(t.t.bind(t,6344,19)),"~blog/default/illa-website-de-blog-tags-ui-bibliothek-513.json",6344],be1d629d:[()=>Promise.all([t.e(532),t.e(8592),t.e(545)]).then(t.bind(t,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c0d67a95:[()=>t.e(334).then(t.t.bind(t,5232,19)),"~blog/default/illa-website-de-blog-tags-interne-tools-30c.json",5232],c133d0bc:[()=>Promise.all([t.e(532),t.e(8592),t.e(7746)]).then(t.bind(t,1814)),"@site/src/pages/components/Image/index.tsx",1814],c1d2b2d8:[()=>t.e(1316).then(t.bind(t,495)),"@site/blog/it-support/it-support.md",495],c6b6e80c:[()=>t.e(5183).then(t.t.bind(t,106,19)),"~blog/default/illa-website-de-blog-tags-fiverr-a83.json",106],c6cea252:[()=>t.e(1885).then(t.t.bind(t,1877,19)),"~blog/default/illa-website-de-blog-tags-tools-372-list.json",1877],c93f1181:[()=>t.e(3459).then(t.t.bind(t,3413,19)),"~blog/default/illa-website-de-blog-tags-workflow-6bc.json",3413],c96f02f5:[()=>t.e(9150).then(t.bind(t,678)),"@site/i18n/de/docusaurus-plugin-content-blog/build-ai-tools/build-ai-tools.md?truncated=true",678],ca19ac91:[()=>Promise.all([t.e(532),t.e(8592),t.e(7612)]).then(t.bind(t,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca854f54:[()=>t.e(1273).then(t.t.bind(t,6830,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3-list.json",6830],ca96679e:[()=>Promise.all([t.e(532),t.e(8592),t.e(2031)]).then(t.bind(t,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ca9e32fb:[()=>t.e(5322).then(t.t.bind(t,3965,19)),"~blog/default/illa-website-de-blog-tags-tooljet-981-list.json",3965],ccc49370:[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(5923),t.e(4809),t.e(6103)]).then(t.bind(t,9466)),"@theme/BlogPostPage",9466],cd00d6d6:[()=>t.e(170).then(t.bind(t,9287)),"@site/i18n/de/docusaurus-plugin-content-blog/build-dashboard/build-dashboard.md",9287],ceb37023:[()=>t.e(4425).then(t.bind(t,8704)),"@site/blog/the-best-tools-for-build-crud-applications/the-best-tools-for-build-crud-applications.md",8704],cf603bed:[()=>t.e(4711).then(t.t.bind(t,5734,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2.json",5734],d3d78a2c:[()=>t.e(3934).then(t.bind(t,686)),"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",686],d64de073:[()=>t.e(537).then(t.t.bind(t,4152,19)),"~blog/default/illa-website-de-blog-tags-ui-bibliothek-513-list.json",4152],d8096fab:[()=>Promise.all([t.e(532),t.e(8592),t.e(6828)]).then(t.bind(t,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([t.e(532),t.e(8592),t.e(9321)]).then(t.bind(t,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([t.e(532),t.e(8592),t.e(2224)]).then(t.bind(t,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([t.e(532),t.e(8592),t.e(8595)]).then(t.bind(t,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([t.e(532),t.e(8592),t.e(8155)]).then(t.bind(t,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e1e9d957:[()=>t.e(4619).then(t.t.bind(t,4531,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklung-bbe-list.json",4531],e218e529:[()=>t.e(8310).then(t.t.bind(t,8853,19)),"~blog/default/illa-website-de-blog-tags-automatisierung-625.json",8853],e36a5bb5:[()=>t.e(9868).then(t.t.bind(t,4686,19)),"~blog/default/illa-website-de-blog-tags-java-script-b59.json",4686],e4e1a4b6:[()=>Promise.all([t.e(532),t.e(8592),t.e(8296)]).then(t.bind(t,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e55440e4:[()=>t.e(3845).then(t.bind(t,3610)),"@site/blog/launch-flow/launch-flow.md?truncated=true",3610],e5ce6207:[()=>t.e(4482).then(t.t.bind(t,6766,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb.json",6766],e69dd07f:[()=>t.e(9886).then(t.t.bind(t,332,19)),"~blog/default/illa-website-de-blog-tags-typescript-7ae.json",332],ea190378:[()=>t.e(9217).then(t.t.bind(t,5940,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9-list.json",5940],eb5bf31c:[()=>t.e(757).then(t.bind(t,4339)),"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md?truncated=true",4339],ee37d46a:[()=>t.e(6216).then(t.t.bind(t,8660,19)),"~blog/default/illa-website-de-blog-tags-low-code-crm-5b3.json",8660],eef854f7:[()=>t.e(3791).then(t.bind(t,9640)),"@site/i18n/de/docusaurus-plugin-content-blog/boost-freelancer/boost-freelancer.md",9640],f0548b7f:[()=>t.e(2747).then(t.t.bind(t,262,19)),"~blog/default/illa-website-de-blog-page-2-db1.json",262],f1acacbf:[()=>t.e(199).then(t.bind(t,1485)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-cms.mdx",1485],f20664df:[()=>t.e(6355).then(t.bind(t,8804)),"@site/blog/internal-tool/internal-tool.md",8804],f2f0b17c:[()=>t.e(74).then(t.t.bind(t,4645,19)),"~blog/default/illa-website-de-blog-tags-crud-087-list.json",4645],f3cf1707:[()=>Promise.all([t.e(532),t.e(8592),t.e(3072)]).then(t.bind(t,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f7394536:[()=>t.e(9523).then(t.bind(t,4034)),"@site/blog/low-code-crm/low-code-crm.md",4034],fc0df049:[()=>t.e(5315).then(t.t.bind(t,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=t(1527);function s(e){let{error:n,retry:t,pastDelay:i}=e;return n?(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(n)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:t,children:"Retry"})})]}):i?(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 u=t(4420),c=t(2762);function d(e,n){if("*"===e)return r()({loading:s,loader:()=>Promise.all([t.e(532),t.e(8592),t.e(8245)]).then(t.bind(t,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,n){const t=e.default;return(0,l.jsx)(c.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(t,{...n})})}});const i=a[`${e}-${n}`],d={},p=[],g=[],f=(0,u.Z)(i);return Object.entries(f).forEach((e=>{let[n,t]=e;const i=o[t];i&&(d[n]=i[0],p.push(i[1]),g.push(i[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>g,render(n,t){const r=JSON.parse(JSON.stringify(i));Object.entries(n).forEach((n=>{let[t,i]=n;const a=i.default;if(!a)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 a&&"function"!=typeof a||Object.keys(i).filter((e=>"default"!==e)).forEach((e=>{a[e]=i[e]}));let o=r;const l=t.split(".");l.slice(0,-1).forEach((e=>{o=o[e]})),o[l[l.length-1]]=a}));const a=r.__comp;delete r.__comp;const o=r.__context;return delete r.__context,(0,l.jsx)(c.z,{value:o,children:(0,l.jsx)(a,{...r,...t})})}})}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","72d"),exact:!0},{path:"/illa-website/de/blog/appsmith-vs-retool",component:d("/illa-website/de/blog/appsmith-vs-retool","b3e"),exact:!0},{path:"/illa-website/de/blog/automatisieren-sendung-nach-slack",component:d("/illa-website/de/blog/automatisieren-sendung-nach-slack","0b8"),exact:!0},{path:"/illa-website/de/blog/backend-create-web-ui",component:d("/illa-website/de/blog/backend-create-web-ui","b70"),exact:!0},{path:"/illa-website/de/blog/best-citizen-developer-tool",component:d("/illa-website/de/blog/best-citizen-developer-tool","560"),exact:!0},{path:"/illa-website/de/blog/beste-low-code-plattform",component:d("/illa-website/de/blog/beste-low-code-plattform","f12"),exact:!0},{path:"/illa-website/de/blog/boost-freelancer",component:d("/illa-website/de/blog/boost-freelancer","bf3"),exact:!0},{path:"/illa-website/de/blog/build-dashboard",component:d("/illa-website/de/blog/build-dashboard","e28"),exact:!0},{path:"/illa-website/de/blog/core-app-dashboard-2",component:d("/illa-website/de/blog/core-app-dashboard-2","005"),exact:!0},{path:"/illa-website/de/blog/internal-tool",component:d("/illa-website/de/blog/internal-tool","f7b"),exact:!0},{path:"/illa-website/de/blog/it-support",component:d("/illa-website/de/blog/it-support","a77"),exact:!0},{path:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen",component:d("/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen","d82"),exact:!0},{path:"/illa-website/de/blog/launch-flow",component:d("/illa-website/de/blog/launch-flow","f70"),exact:!0},{path:"/illa-website/de/blog/low-code-crm",component:d("/illa-website/de/blog/low-code-crm","742"),exact:!0},{path:"/illa-website/de/blog/lowcode-vs-traditional",component:d("/illa-website/de/blog/lowcode-vs-traditional","70e"),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/page/2",component:d("/illa-website/de/blog/page/2","0de"),exact:!0},{path:"/illa-website/de/blog/popular-tool",component:d("/illa-website/de/blog/popular-tool","b55"),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","ae3"),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","a7e"),exact:!0},{path:"/illa-website/de/blog/tags/appsmith",component:d("/illa-website/de/blog/tags/appsmith","bea"),exact:!0},{path:"/illa-website/de/blog/tags/automatisierung",component:d("/illa-website/de/blog/tags/automatisierung","e3d"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwickler",component:d("/illa-website/de/blog/tags/burgerentwickler","4fe"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwicklung",component:d("/illa-website/de/blog/tags/burgerentwicklung","356"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwicklungs-tool",component:d("/illa-website/de/blog/tags/burgerentwicklungs-tool","b32"),exact:!0},{path:"/illa-website/de/blog/tags/core-app-dashboard",component:d("/illa-website/de/blog/tags/core-app-dashboard","a8e"),exact:!0},{path:"/illa-website/de/blog/tags/crud",component:d("/illa-website/de/blog/tags/crud","a48"),exact:!0},{path:"/illa-website/de/blog/tags/database",component:d("/illa-website/de/blog/tags/database","5d8"),exact:!0},{path:"/illa-website/de/blog/tags/daten-dashboard",component:d("/illa-website/de/blog/tags/daten-dashboard","36c"),exact:!0},{path:"/illa-website/de/blog/tags/fiverr",component:d("/illa-website/de/blog/tags/fiverr","93a"),exact:!0},{path:"/illa-website/de/blog/tags/freelancer",component:d("/illa-website/de/blog/tags/freelancer","e46"),exact:!0},{path:"/illa-website/de/blog/tags/freiberuflich",component:d("/illa-website/de/blog/tags/freiberuflich","810"),exact:!0},{path:"/illa-website/de/blog/tags/gui",component:d("/illa-website/de/blog/tags/gui","53b"),exact:!0},{path:"/illa-website/de/blog/tags/interne-tools",component:d("/illa-website/de/blog/tags/interne-tools","c70"),exact:!0},{path:"/illa-website/de/blog/tags/java-script",component:d("/illa-website/de/blog/tags/java-script","de8"),exact:!0},{path:"/illa-website/de/blog/tags/javascript",component:d("/illa-website/de/blog/tags/javascript","b9a"),exact:!0},{path:"/illa-website/de/blog/tags/ki",component:d("/illa-website/de/blog/tags/ki","04a"),exact:!0},{path:"/illa-website/de/blog/tags/low-code",component:d("/illa-website/de/blog/tags/low-code","5f4"),exact:!0},{path:"/illa-website/de/blog/tags/low-code-crm",component:d("/illa-website/de/blog/tags/low-code-crm","9f0"),exact:!0},{path:"/illa-website/de/blog/tags/mac",component:d("/illa-website/de/blog/tags/mac","1e2"),exact:!0},{path:"/illa-website/de/blog/tags/nodejs",component:d("/illa-website/de/blog/tags/nodejs","947"),exact:!0},{path:"/illa-website/de/blog/tags/nvm",component:d("/illa-website/de/blog/tags/nvm","158"),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","677"),exact:!0},{path:"/illa-website/de/blog/tags/redis",component:d("/illa-website/de/blog/tags/redis","31f"),exact:!0},{path:"/illa-website/de/blog/tags/retool",component:d("/illa-website/de/blog/tags/retool","cfd"),exact:!0},{path:"/illa-website/de/blog/tags/shadcn-ui",component:d("/illa-website/de/blog/tags/shadcn-ui","92f"),exact:!0},{path:"/illa-website/de/blog/tags/slack",component:d("/illa-website/de/blog/tags/slack","3a0"),exact:!0},{path:"/illa-website/de/blog/tags/tooljet",component:d("/illa-website/de/blog/tags/tooljet","3c2"),exact:!0},{path:"/illa-website/de/blog/tags/tools",component:d("/illa-website/de/blog/tags/tools","abc"),exact:!0},{path:"/illa-website/de/blog/tags/traditionelle-entwicklung",component:d("/illa-website/de/blog/tags/traditionelle-entwicklung","ea4"),exact:!0},{path:"/illa-website/de/blog/tags/typescript",component:d("/illa-website/de/blog/tags/typescript","a36"),exact:!0},{path:"/illa-website/de/blog/tags/ui-bibliothek",component:d("/illa-website/de/blog/tags/ui-bibliothek","888"),exact:!0},{path:"/illa-website/de/blog/tags/ui-library",component:d("/illa-website/de/blog/tags/ui-library","1d3"),exact:!0},{path:"/illa-website/de/blog/tags/upwork",component:d("/illa-website/de/blog/tags/upwork","70b"),exact:!0},{path:"/illa-website/de/blog/tags/werkzeuge",component:d("/illa-website/de/blog/tags/werkzeuge","d41"),exact:!0},{path:"/illa-website/de/blog/tags/workflow",component:d("/illa-website/de/blog/tags/workflow","06f"),exact:!0},{path:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",component:d("/illa-website/de/blog/the-best-tools-for-build-crud-applications","3ff"),exact:!0},{path:"/illa-website/de/blog/tooljet-vs-appsmith",component:d("/illa-website/de/blog/tooljet-vs-appsmith","a33"),exact:!0},{path:"/illa-website/de/blog/tooljet-vs-retool",component:d("/illa-website/de/blog/tooljet-vs-retool","33d"),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/blog/top-7-database-guis-for-sql-databases",component:d("/illa-website/de/blog/top-7-database-guis-for-sql-databases","ae2"),exact:!0},{path:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",component:d("/illa-website/de/blog/top-7-redis-gui-tools-in-2023","c77"),exact:!0},{path:"/illa-website/de/blog/typescript-most-practical-features-compilation",component:d("/illa-website/de/blog/typescript-most-practical-features-compilation","14a"),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/illa-flow/",component:d("/illa-website/de/illa-flow/","519"),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,n,t)=>{"use strict";t.d(n,{_:()=>a,t:()=>o});var i=t(959),r=t(1527);const a=i.createContext(!1);function o(e){let{children:n}=e;const[t,o]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{o(!0)}),[]),(0,r.jsx)(a.Provider,{value:t,children:n})}},1136:(e,n,t)=>{"use strict";var i=t(959),r=t(4478),a=t(9500),o=t(387),l=t(6047);const s=[t(3852),t(89),t(6070),t(4329),t(962),t(1245)];var u=t(6002),c=t(8903),d=t(6920);function p(e,n,t){return void 0===t&&(t=[]),e.some((function(e){var i=e.path?(0,c.LX)(n,e):t.length?t[t.length-1].match:c.F0.computeRootMatch(n);return i&&(t.push({route:e,match:i}),e.routes&&p(e.routes,n,t)),i})),t}var g=t(1527);function f(e){let{children:n}=e;return(0,g.jsx)(g.Fragment,{children:n})}var m=t(4491),h=t(2688),b=t(9925),w=t(2593),v=t(1610),y=t(8224),k=t(864);const S="default";var x=t(6771),_=t(7535);function D(){const{i18n:{currentLocale:e,defaultLocale:n,localeConfigs:t}}=(0,h.Z)(),i=(0,y.l)(),r=t[e].htmlLang,a=e=>e.replace("-","_");return(0,g.jsxs)(m.Z,{children:[Object.entries(t).map((e=>{let[n,{htmlLang:t}]=e;return(0,g.jsx)("link",{rel:"alternate",href:i.createUrl({locale:n,fullyQualified:!0}),hrefLang:t},n)})),(0,g.jsx)("link",{rel:"alternate",href:i.createUrl({locale:n,fullyQualified:!0}),hrefLang:"x-default"}),(0,g.jsx)("meta",{property:"og:locale",content:a(r)}),Object.values(t).filter((e=>r!==e.htmlLang)).map((e=>(0,g.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function L(e){let{permalink:n}=e;const{siteConfig:{url:t}}=(0,h.Z)(),i=function(){const{siteConfig:{url:e,baseUrl:n,trailingSlash:t}}=(0,h.Z)(),{pathname:i}=(0,c.TH)();return e+(0,x.applyTrailingSlash)((0,b.Z)(i),{trailingSlash:t,baseUrl:n})}(),r=n?`${t}${n}`:i;return(0,g.jsxs)(m.Z,{children:[(0,g.jsx)("meta",{property:"og:url",content:r}),(0,g.jsx)("link",{rel:"canonical",href:r})]})}function A(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:n,image:t}=(0,w.L)();return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(m.Z,{children:[(0,g.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,g.jsx)("body",{className:k.h})]}),t&&(0,g.jsx)(v.d,{image:t}),(0,g.jsx)(L,{}),(0,g.jsx)(D,{}),(0,g.jsx)(_.Z,{tag:S,locale:e}),(0,g.jsx)(m.Z,{children:n.map(((e,n)=>(0,g.jsx)("meta",{...e},n)))})]})}const C=new Map;function E(e){if(C.has(e.pathname))return{...e,pathname:C.get(e.pathname)};if(p(u.Z,e.pathname).some((e=>{let{route:n}=e;return!0===n.exact})))return C.set(e.pathname,e.pathname),e;const n=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return C.set(e.pathname,n),{...e,pathname:n}}var P=t(7752),I=t(6855),z=t(2827);function T(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i
{const i=n.default?.[e]??n[e];return i?.(...t)}));return()=>r.forEach((e=>e?.()))}const j=function(e){let{children:n,location:t,previousLocation:i}=e;return(0,z.Z)((()=>{i!==t&&(!function(e){let{location:n,previousLocation:t}=e;if(!t)return;const i=n.pathname===t.pathname,r=n.hash===t.hash,a=n.search===t.search;if(i&&r&&!a)return;const{hash:o}=n;if(o){const e=decodeURIComponent(o.substring(1)),n=document.getElementById(e);n?.scrollIntoView()}else window.scrollTo(0,0)}({location:t,previousLocation:i}),T("onRouteDidUpdate",{previousLocation:i,location:t}))}),[i,t]),n};function B(e){const n=Array.from(new Set([e,decodeURI(e)])).map((e=>p(u.Z,e))).flat();return Promise.all(n.map((e=>e.route.component.preload?.())))}class M extends i.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,n){if(e.location===this.props.location)return n.nextRouteHasLoaded;const t=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=T("onRouteUpdate",{previousLocation:this.previousLocation,location:t}),B(t.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:n}=this.props;return(0,g.jsx)(j,{previousLocation:this.previousLocation,location:n,children:(0,g.jsx)(c.AW,{location:n,render:()=>e})})}}const R=M,N="__docusaurus-base-url-issue-banner-container",O="__docusaurus-base-url-issue-banner",F="__docusaurus-base-url-issue-banner-suggestion-container";function K(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 = '${N}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n\n
Your Docusaurus site did not load properly.
\n
A very common reason is a wrong site baseUrl configuration.
\n
Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}
\n
We suggest trying baseUrl =
\n
\n`}(e)).replace(/{if("undefined"==typeof document)return void t();const i=document.createElement("link");i.setAttribute("rel","prefetch"),i.setAttribute("href",e),i.onload=()=>n(),i.onerror=()=>t();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(i)}))}:function(e){return new Promise(((n,t)=>{const i=new XMLHttpRequest;i.open("GET",e,!0),i.withCredentials=!0,i.onload=()=>{200===i.status?n():t()},i.send(null)}))};var Y=t(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const n=p(u.Z,e).flatMap((e=>{return n=e.route.path,Object.entries(W).filter((e=>{let[t]=e;return t.replace(/-[^-]+$/,"")===n})).flatMap((e=>{let[,n]=e;return Object.values((0,Y.Z)(n))}));var n}));return Promise.all(n.map((e=>{const n=t.gca(e);return n&&!n.includes("undefined")?Q(n).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),B(e))},te=Object.freeze(ne),ie=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),n=(0,g.jsx)(o.B6,{children:(0,g.jsx)(a.VK,{children:(0,g.jsx)(H,{})})}),t=(e,n)=>{console.error("Docusaurus React Root onRecoverableError:",e,n)},l=()=>{if(ie)i.startTransition((()=>{r.hydrateRoot(e,n,{onRecoverableError:t})}));else{const a=r.createRoot(e,{onRecoverableError:t});i.startTransition((()=>{a.render(n)}))}};B(window.location.pathname).then(l)}},6855:(e,n,t)=>{"use strict";t.d(n,{_:()=>d,M:()=>p});var i=t(959),r=t(6809);const a=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),o=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=t(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-reddit-plugin":{"type":"project"},"docusaurus-plugin-ILLA-clearbit":{"type":"project"}}}');var u=t(1527);const c={siteConfig:r.default,siteMetadata:s,globalData:a,i18n:o,codeTranslations:l},d=i.createContext(c);function p(e){let{children:n}=e;return(0,u.jsx)(d.Provider,{value:c,children:n})}},1289:(e,n,t)=>{"use strict";t.d(n,{Z:()=>Oe});var i=t(959),r=t(6047),a=t(4491),o=t(6771),l=t(5341),s=t(1610),u=t(9920),c=t(421),d=t(864),p=t(7675),g=t(2593),f=t(4288),m=t(5374),h=t(1527);function b(e){let{width:n=21,height:t=21,color:i="currentColor",strokeWidth:r=1.2,className:a,...o}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:n,height:t,...o,children:(0,h.jsx)("g",{stroke:i,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const w={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",w.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const y={content:"content_B3zk"};function k(e){const{announcementBar:n}=(0,g.L)(),{content:t}=n;return(0,h.jsx)("div",{...e,className:(0,l.Z)(y.content,e.className),dangerouslySetInnerHTML:{__html:t}})}const S={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function x(){const{announcementBar:e}=(0,g.L)(),{isActive:n,close:t}=(0,f.nT)();if(!n)return null;const{backgroundColor:i,textColor:r,isCloseable:a}=e;return(0,h.jsxs)("div",{className:S.announcementBar,style:{backgroundColor:i,color:r},role:"banner",children:[a&&(0,h.jsx)("div",{className:S.announcementBarPlaceholder}),(0,h.jsx)(k,{className:S.announcementBarContent}),a&&(0,h.jsx)(v,{onClick:t,className:S.announcementBarClose})]})}var _=t(5580),D=t(5508),L=t(3707);var A=t(1900);function C(e){let{header:n,primaryMenu:t,secondaryMenu:i}=e;const{shown:r}=(0,A.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[n,(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:t}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:i})]})]})}var E=t(1694),P=t(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 z(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 j(e){let{className:n,buttonClassName:t,value:i,onChange:r}=e;const a=(0,P.Z)(),o=(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"===i?(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,n),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",T.toggleButton,!a&&T.toggleButtonDisabled,t),type:"button",onClick:()=>r("dark"===i?"light":"dark"),disabled:!a,title:o,"aria-label":o,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(T.toggleIcon,T.lightToggleIcon)}),(0,h.jsx)(z,{className:(0,l.Z)(T.toggleIcon,T.darkToggleIcon)})]})})}const B=i.memo(j),M={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function R(e){let{className:n}=e;const t=(0,g.L)().navbar.style,i=(0,g.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:a}=(0,E.I)();return i?null:(0,h.jsx)(B,{className:n,buttonClassName:"dark"===t?M.darkNavbarColorModeToggle:void 0,value:r,onChange:a})}var N=t(0),O=t(9925),F=t(2688);const K={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function U(e){let{className:n,children:t}=e;const r=(0,P.Z)(),{colorMode:a}=(0,E.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===a?["dark"]:["light"]:["light","dark"]).map((e=>{const r=t({theme:e,className:(0,l.Z)(n,K.themedComponent,K[`themedComponent--${e}`])});return(0,h.jsx)(i.Fragment,{children:r},e)}))})}function V(e){const{sources:n,className:t,alt:i,...r}=e;return(0,h.jsx)(U,{className:t,children:e=>{let{theme:t,className:a}=e;return(0,h.jsx)("img",{src:n[t],alt:i,className:a,...r})}})}function Z(e){let{logo:n,alt:t,imageClassName:i}=e;const r={light:(0,O.Z)(n.src),dark:(0,O.Z)(n.srcDark||n.src)},a=(0,h.jsx)(V,{className:n.className,sources:r,height:n.height,width:n.width,alt:t,style:n.style});return i?(0,h.jsx)("div",{className:i,children:a}):a}function q(e){const{siteConfig:{title:n}}=(0,F.Z)(),{navbar:{title:t,logo:i}}=(0,g.L)(),{imageClassName:r,titleClassName:a,...o}=e,l=(0,O.Z)(i?.href||"/"),s=t?"":n,u=i?.alt??s;return(0,h.jsxs)(N.Z,{to:l,...o,...i?.target&&{target:i.target},children:[i&&(0,h.jsx)(Z,{logo:i,alt:u,imageClassName:r}),null!=t&&(0,h.jsx)("b",{className:a,children:t})]})}function $(){return(0,h.jsx)(q,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function G(){const e=(0,_.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 H(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)($,{}),(0,h.jsx)(R,{className:"margin-right--md"}),(0,h.jsx)(G,{})]})}var W=t(6794);function Q(){const e=(0,_.e)(),n=(0,g.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:n.map(((n,t)=>(0,i.createElement)(W.Z,{mobile:!0,...n,onClick:()=>e.toggle(),key:t})))})}function Y(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,g.L)().navbar.items.length,n=(0,A.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(Y,{onClick:()=>n.hide()}),n.content]})}function J(){const e=(0,_.e)();var n;return void 0===(n=e.shown)&&(n=!0),(0,i.useEffect)((()=>(document.body.style.overflow=n?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[n]),e.shouldRender?(0,h.jsx)(C,{header:(0,h.jsx)(H,{}),primaryMenu:(0,h.jsx)(Q,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function ne(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function te(e){let{children:n}=e;const{navbar:{hideOnScroll:t,style:r}}=(0,g.L)(),a=(0,_.e)(),{navbarRef:o,isNavbarVisible:s}=function(e){const[n,t]=(0,i.useState)(e),r=(0,i.useRef)(!1),a=(0,i.useRef)(0),o=(0,i.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((n,i)=>{let{scrollY:o}=n;if(!e)return;if(o=l?t(!1):o+u{if(!e)return;const i=n.location.hash;if(i?document.getElementById(i.substring(1)):void 0)return r.current=!0,void t(!1);t(!0)})),{navbarRef:o,isNavbarVisible:n}}(t);return(0,h.jsxs)("nav",{ref:o,"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",t&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":a.shown}),children:[n,(0,h.jsx)(ne,{onClick:a.toggle}),(0,h.jsx)(J,{})]})}var ie=t(809),re=t(5160),ae=t(1603);function oe(e){let{width:n=30,height:t=30,className:i,...r}=e;return(0,h.jsx)("svg",{className:i,width:n,height:t,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:n}=(0,_.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":n,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(oe,{})})}var se=t(5243);const ue={colorModeToggle:"colorModeToggle_Kblj"};function ce(e){let{items:n}=e;return(0,h.jsx)(h.Fragment,{children:n.map(((e,n)=>(0,h.jsx)(ie.QW,{onError:n=>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:n}),children:(0,h.jsx)(W.Z,{...e})},n)))})}function de(e){let{left:n,right:t}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:n}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:t})]})}function pe(){const e=(0,_.e)(),n=(0,g.L)().navbar.items,[t,i]=(0,re.A)(n),r=n.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)($,{}),(0,h.jsx)(ce,{items:t})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ce,{items:i}),(0,h.jsx)(R,{className:ue.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(ae.Z,{})})]})})}function ge(){return(0,h.jsx)(te,{children:(0,h.jsx)(pe,{})})}var fe=t(8295),me=t(3815);function he(e){let{item:n}=e;const{to:t,href:i,label:r,prependBaseUrlToHref:a,...o}=n,l=(0,O.Z)(t),s=(0,O.Z)(i,{forcePrependBaseUrl:!0});return(0,h.jsxs)(N.Z,{className:"footer__link-item",...i?{href:a?s:i}:{to:l},...o,children:[r,i&&!(0,fe.Z)(i)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:n}=e;return n.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:n.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:n})},n.href??n.to)}function we(e){let{column:n}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:n.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:n.items.map(((e,n)=>(0,h.jsx)(be,{item:e},n)))})]})}function ve(e){let{columns:n}=e;return(0,h.jsx)("div",{className:"row footer__links",children:n.map(((e,n)=>(0,h.jsx)(we,{column:e},n)))})}function ye(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ke(e){let{item:n}=e;return n.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:n.html}}):(0,h.jsx)(he,{item:n})}function Se(e){let{links:n}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:n.map(((e,t)=>(0,h.jsxs)(i.Fragment,{children:[(0,h.jsx)(ke,{item:e}),n.length!==t+1&&(0,h.jsx)(ye,{})]},t)))})})}function xe(e){let{links:n}=e;return function(e){return"title"in e[0]}(n)?(0,h.jsx)(ve,{columns:n}):(0,h.jsx)(Se,{links:n})}const _e={footerLogoLink:"footerLogoLink_K6r0"};function De(e){let{logo:n}=e;const{withBaseUrl:t}=(0,O.C)(),i={light:t(n.src),dark:t(n.srcDark??n.src)};return(0,h.jsx)(V,{className:(0,l.Z)("footer__logo",n.className),alt:n.alt,sources:i,width:n.width,height:n.height,style:n.style})}function Le(e){let{logo:n}=e;return n.href?(0,h.jsx)(N.Z,{href:n.href,className:_e.footerLogoLink,target:n.target,children:(0,h.jsx)(De,{logo:n})}):(0,h.jsx)(De,{logo:n})}function Ae(e){let{copyright:n}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}})}function Ce(e){let{style:n,links:t,logo:i,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===n}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[t,(i||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[i&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:i}),r]})]})})}function Ee(){const{footer:e}=(0,g.L)();if(!e)return null;const{copyright:n,links:t,logo:i,style:r}=e;return(0,h.jsx)(Ce,{style:r,links:t&&t.length>0&&(0,h.jsx)(xe,{links:t}),logo:i&&(0,h.jsx)(Le,{logo:i}),copyright:n&&(0,h.jsx)(Ae,{copyright:n})})}const Pe=i.memo(Ee);var Ie=t(5299),ze=t(2520);const Te={mainWrapper:"mainWrapper_Xc8_"};function je(e){const{children:n,noFooter:t,wrapperClassName:i,title:r,description:a}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:a}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(x,{}),(0,h.jsx)(ge,{}),(0,h.jsx)("div",{id:u.u,className:(0,l.Z)(c.k.wrapper.main,Te.mainWrapper,i),children:(0,h.jsx)(Oe,{fallback:e=>(0,h.jsx)(ze.Z,{...e}),children:n})}),!t&&(0,h.jsx)(Pe,{})]})}function Be(e){let{error:n,tryAgain:t}=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:t,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Me,{error:n})]})}function Me(e){let{error:n}=e;const t=(0,o.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:t})}function Re(e){let{error:n,tryAgain:t}=e;return(0,h.jsxs)(Oe,{fallback:()=>(0,h.jsx)(Be,{error:n,tryAgain:t}),children:[(0,h.jsx)(a.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(je,{children:(0,h.jsx)(Be,{error:n,tryAgain:t})})]})}const Ne=e=>(0,h.jsx)(Re,{...e});class Oe extends i.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:n}=this.state;if(n){const e={error:n,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Ne)(e)}return e??null}}},6047:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});const i="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:i,canUseEventListeners:i&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:i&&"IntersectionObserver"in window,canUseViewport:i&&"screen"in window}},4491:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);var i=t(387),r=t(1527);function a(e){return(0,r.jsx)(i.ql,{...e})}},3630:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o,s:()=>a});var i=t(959),r=t(1527);function a(e,n){const t=e.split(/(\{\w+\})/).map(((e,t)=>{if(t%2==1){const t=n?.[e.slice(1,-1)];if(void 0!==t)return t}return e}));return t.some((e=>(0,i.isValidElement)(e)))?t.map(((e,n)=>(0,i.isValidElement)(e)?i.cloneElement(e,{key:n}):e)).filter((e=>""!==e)):t.join("")}function o(e){let{children:n,values:t}=e;if("string"!=typeof n)throw new Error("The Docusaurus component only accept simple string values. Received: "+((0,i.isValidElement)(n)?"React element":typeof n));return(0,r.jsx)(r.Fragment,{children:a(n,t)})}},0:(e,n,t)=>{"use strict";t.d(n,{Z:()=>g});var i=t(959),r=t(9500),a=t(6771),o=t(2688),l=t(8295),s=t(6047),u=t(1527);const c=i.createContext({collectLink:()=>{}});var d=t(9925);function p(e,n){let{isNavLink:t,to:p,href:g,activeClassName:f,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...w}=e;const{siteConfig:{trailingSlash:v,baseUrl:y}}=(0,o.Z)(),{withBaseUrl:k}=(0,d.C)(),S=(0,i.useContext)(c),x=(0,i.useRef)(null);(0,i.useImperativeHandle)(n,(()=>x.current));const _=p||g;const D=(0,l.Z)(_),L=_?.replace("pathname://","");let A=void 0!==L?(C=L,b&&(e=>e.startsWith("/"))(C)?k(C):C):void 0;var C;A&&D&&(A=(0,a.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:y}));const E=(0,i.useRef)(!1),P=t?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,z=(0,i.useRef)(),T=()=>{E.current||null==A||(window.docusaurus.preload(A),E.current=!0)};(0,i.useEffect)((()=>(!I&&D&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&z.current&&z.current.disconnect()})),[z,A,I,D]);const j=A?.startsWith("#")??!1,B=!A||!D||j;return B||h||S.collectLink(A),B?(0,u.jsx)("a",{ref:x,href:A,..._&&!D&&{target:"_blank",rel:"noopener noreferrer"},...w}):(0,u.jsx)(P,{...w,onMouseEnter:T,onTouchStart:T,innerRef:e=>{x.current=e,I&&e&&D&&(z.current=new window.IntersectionObserver((n=>{n.forEach((n=>{e===n.target&&(n.isIntersecting||n.intersectionRatio>0)&&(z.current.unobserve(e),z.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),z.current.observe(e))},to:A,...t&&{isActive:m,activeClassName:f}})}const g=i.forwardRef(p)},1603:(e,n,t)=>{"use strict";t.d(n,{Z:()=>i});const i=()=>null},5374:(e,n,t)=>{"use strict";t.d(n,{I:()=>l,Z:()=>s});t(959);var i=t(3630),r=t(7529),a=t(1527);function o(e){let{id:n,message:t}=e;if(void 0===n&&void 0===t)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[n??t]??t??n}function l(e,n){let{message:t,id:r}=e;const a=o({message:t,id:r});return(0,i.s)(a,n)}function s(e){let{children:n,id:t,values:r}=e;if(n&&"string"!=typeof n)throw console.warn("Illegal children",n),new Error("The Docusaurus component only accept simple string values");const l=o({message:n,id:t});return(0,a.jsx)(a.Fragment,{children:(0,i.s)(l,r)})}},4684:(e,n,t)=>{"use strict";t.d(n,{m:()=>i});const i="default"},8295:(e,n,t)=>{"use strict";function i(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!i(e)}t.d(n,{Z:()=>r,b:()=>i})},9925:(e,n,t)=>{"use strict";t.d(n,{C:()=>o,Z:()=>l});var i=t(959),r=t(2688),a=t(8295);function o(){const{siteConfig:{baseUrl:e,url:n}}=(0,r.Z)(),t=(0,i.useCallback)(((t,i)=>function(e,n,t,i){let{forcePrependBaseUrl:r=!1,absolute:o=!1}=void 0===i?{}:i;if(!t||t.startsWith("#")||(0,a.b)(t))return t;if(r)return n+t.replace(/^\//,"");if(t===n.replace(/\/$/,""))return n;const l=t.startsWith(n)?t:n+t.replace(/^\//,"");return o?e+l:l}(n,e,t,i)),[n,e]);return{withBaseUrl:t}}function l(e,n){void 0===n&&(n={});const{withBaseUrl:t}=o();return t(e,n)}},2688:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(959),r=t(6855);function a(){return(0,i.useContext)(r._)}},7111:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(959),r=t(7752);function a(){return(0,i.useContext)(r._)}},2827:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});var i=t(959);const r=t(6047).Z.canUseDOM?i.useLayoutEffect:i.useEffect},4420:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});const i=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const n={};return function e(t,r){Object.entries(t).forEach((t=>{let[a,o]=t;const l=r?`${r}.${a}`:a;i(o)?e(o,l):n[l]=o}))}(e),n}},2762:(e,n,t)=>{"use strict";t.d(n,{_:()=>a,z:()=>o});var i=t(959),r=t(1527);const a=i.createContext(null);function o(e){let{children:n,value:t}=e;const o=i.useContext(a),l=(0,i.useMemo)((()=>function(e){let{parent:n,value:t}=e;if(!n){if(!t)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in t))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return t}const i={...n.data,...t?.data};return{plugin:n.plugin,data:i}}({parent:o,value:t})),[o,t]);return(0,r.jsx)(a.Provider,{value:l,children:n})}},9384:(e,n,t)=>{"use strict";t.d(n,{Iw:()=>f,_r:()=>c,zh:()=>d,yW:()=>g,gB:()=>p});var i=t(8903),r=t(2688),a=t(4684);function o(e,n){void 0===n&&(n={});const t=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!t&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return t}const l=e=>e.versions.find((e=>e.isLast));function s(e,n){const t=function(e,n){const t=l(e);return[...e.versions.filter((e=>e!==t)),t].find((e=>!!(0,i.LX)(n,{path:e.path,exact:!1,strict:!1})))}(e,n),r=t?.docs.find((e=>!!(0,i.LX)(n,{path:e.path,exact:!0,strict:!1})));return{activeVersion:t,activeDoc:r,alternateDocVersions:r?function(n){const t={};return e.versions.forEach((e=>{e.docs.forEach((i=>{i.id===n&&(t[e.name]=i)}))})),t}(r.id):{}}}const u={},c=()=>o("docusaurus-plugin-content-docs")??u,d=e=>function(e,n,t){void 0===n&&(n=a.m),void 0===t&&(t={});const i=o(e),r=i?.[n];if(!r&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${n}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function g(e){const n=d(e);return l(n)}function f(e){const n=d(e),{pathname:t}=(0,i.TH)();return s(n,t)}},3852:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>i});const i={onRouteDidUpdate(e){let{location:n,previousLocation:t}=e;!t||n.pathname===t.pathname&&n.search===t.search&&n.hash===t.hash||setTimeout((()=>{window.gtag("set","page_path",n.pathname+n.search+n.hash),window.gtag("event","page_view")}))}}},7558:(e,n,t)=>{"use strict";function i(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(){return o=Object.assign||function(e){for(var n=1;n{"use strict";t.r(n),t.d(n,{default:()=>a});var i=t(9981),r=t.n(i);r().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:n,previousLocation:t}=e;if(t&&n.pathname!==t.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,n,t)=>{"use strict";t.r(n);var i=t(2425),r=t(6809);!function(e){const{themeConfig:{prism:n}}=r.default,{additionalLanguages:i}=n;globalThis.Prism=e,i.forEach((e=>{"php"===e&&t(1559),t(1422)(`./prism-${e}`)})),delete globalThis.Prism}(i.p1)},2520:(e,n,t)=>{"use strict";t.d(n,{Z:()=>l});t(959);var i=t(5374),r=t(809),a=t(6561),o=t(1527);function l(e){let{error:n,tryAgain:t}=e;return(0,o.jsx)("main",{className:"container margin-vert--xl",children:(0,o.jsx)("div",{className:"row",children:(0,o.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,o.jsx)(a.Z,{as:"h1",className:"hero__title",children:(0,o.jsx)(i.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,o.jsx)("div",{className:"margin-vert--lg",children:(0,o.jsx)(r.Cw,{onClick:t,className:"button button--primary shadow--lw"})}),(0,o.jsx)("hr",{}),(0,o.jsx)("div",{className:"margin-vert--md",children:(0,o.jsx)(r.aG,{error:n})})]})})})}},6561:(e,n,t)=>{"use strict";t.d(n,{Z:()=>u});t(959);var i=t(5341),r=t(5374),a=t(2593),o=t(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=t(1527);function u(e){let{as:n,id:t,...u}=e;const{navbar:{hideOnScroll:c}}=(0,a.L)();if("h1"===n||!t)return(0,s.jsx)(n,{...u,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 u.children?u.children:t});return(0,s.jsxs)(n,{...u,className:(0,i.Z)("anchor",c?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:t,children:[u.children,(0,s.jsx)(o.Z,{className:"hash-link",to:`#${t}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);const i={iconExternalLink:"iconExternalLink_ocOZ"};var r=t(1527);function a(e){let{width:n=13.5,height:t=13.5}=e;return(0,r.jsx)("svg",{width:n,height:t,"aria-hidden":"true",viewBox:"0 0 24 24",className:i.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,n,t)=>{"use strict";t.d(n,{Z:()=>p});t(959);var i=t(7399),r=t(1694),a=t(4288),o=t(3707),l=t(1836),s=t(1610),u=t(5160),c=t(1527);const d=(0,i.Qc)([r.S,a.pl,o.OC,l.L5,s.VC,u.V]);function p(e){let{children:n}=e;return(0,c.jsx)(d,{children:n})}},5243:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o});t(959);var i=t(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var a=t(1527);function o(e){let{children:n,className:t}=e;return(0,a.jsx)("div",{className:(0,i.Z)(t,r.navbarSearchContainer),children:n})}},6612:(e,n,t)=>{"use strict";t.d(n,{Z:()=>u});t(959);var i=t(0),r=t(9925),a=t(8295),o=t(3535),l=t(3815),s=t(1527);function u(e){let{activeBasePath:n,activeBaseRegex:t,to:u,href:c,label:d,html:p,isDropdownLink:g,prependBaseUrlToHref:f,...m}=e;const h=(0,r.Z)(u),b=(0,r.Z)(n),w=(0,r.Z)(c,{forcePrependBaseUrl:!0}),v=d&&c&&!(0,a.Z)(c),y=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...g&&{width:12,height:12}})]})};return c?(0,s.jsx)(i.Z,{href:f?w:c,...m,...y}):(0,s.jsx)(i.Z,{to:h,isNavLink:!0,...(n||t)&&{isActive:(e,n)=>t?(0,o.F)(t,n.pathname):n.pathname.startsWith(b)},...m,...y})}},6794:(e,n,t)=>{"use strict";t.d(n,{Z:()=>y});t(959);var i=t(5341),r=t(6612),a=t(1527);function o(e){let{className:n,isDropdownItem:t=!1,...o}=e;const l=(0,a.jsx)(r.Z,{className:(0,i.Z)(t?"dropdown__link":"navbar__item navbar__link",n),isDropdownLink:t,...o});return t?(0,a.jsx)("li",{children:l}):l}function l(e){let{className:n,isDropdownItem:t,...o}=e;return(0,a.jsx)("li",{className:"menu__list-item",children:(0,a.jsx)(r.Z,{className:(0,i.Z)("menu__link",n),...o})})}function s(e){let{mobile:n=!1,position:t,...i}=e;const r=n?l:o;return(0,a.jsx)(r,{...i,activeClassName:i.activeClassName??(n?"menu__link--active":"navbar__link--active")})}var u=t(8784),c=t(7412),d=t(1603),p=t(5243);var g=t(9384),f=t(8068);var m=t(1836),h=t(5374),b=t(8903);const w=e=>e.docs.find((n=>n.id===e.mainDocId));const v={default:s,localeDropdown:c.Z,search:function(e){let{mobile:n,className:t}=e;return n?null:(0,a.jsx)(p.Z,{className:t,children:(0,a.jsx)(d.Z,{})})},dropdown:u.Z,html:function(e){let{value:n,className:t,mobile:r=!1,isDropdownItem:o=!1}=e;const l=o?"li":"div";return(0,a.jsx)(l,{className:(0,i.Z)({navbar__item:!r&&!o,"menu__list-item":r},t),dangerouslySetInnerHTML:{__html:n}})},doc:function(e){let{docId:n,label:t,docsPluginId:i,...r}=e;const{activeDoc:o}=(0,g.Iw)(i),l=(0,f.vY)(n,i),u=o?.path===l?.path;return null===l||l.unlisted&&!u?null:(0,a.jsx)(s,{exact:!0,...r,isActive:()=>u||!!o?.sidebar&&o.sidebar===l.sidebar,label:t??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:n,label:t,docsPluginId:i,...r}=e;const{activeDoc:o}=(0,g.Iw)(i),l=(0,f.oz)(n,i).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${n}" doesn't have anything to be linked to.`);return(0,a.jsx)(s,{exact:!0,...r,isActive:()=>o?.sidebar===n,label:t??l.label,to:l.path})},docsVersion:function(e){let{label:n,to:t,docsPluginId:i,...r}=e;const o=(0,f.lO)(i)[0],l=n??o.label,u=t??(e=>e.docs.find((n=>n.id===e.mainDocId)))(o).path;return(0,a.jsx)(s,{...r,label:l,to:u})},docsVersionDropdown:function(e){let{mobile:n,docsPluginId:t,dropdownActiveClassDisabled:i,dropdownItemsBefore:r,dropdownItemsAfter:o,...l}=e;const{search:c,hash:d}=(0,b.TH)(),p=(0,g.Iw)(t),v=(0,g.gB)(t),{savePreferredVersionName:y}=(0,m.J)(t),k=[...r,...v.map((e=>{const n=p.alternateDocVersions[e.name]??w(e);return{label:e.label,to:`${n.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>y(e.name)}})),...o],S=(0,f.lO)(t)[0],x=n&&k.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):S.label,_=n&&k.length>1?void 0:w(S).path;return k.length<=1?(0,a.jsx)(s,{...l,mobile:n,label:x,to:_,isActive:i?()=>!1:void 0}):(0,a.jsx)(u.Z,{...l,mobile:n,label:x,to:_,items:k,isActive:i?()=>!1:void 0})}};function y(e){let{type:n,...t}=e;const i=function(e,n){return e&&"default"!==e?e:"items"in n?"dropdown":"default"}(n,t),r=v[i];if(!r)throw new Error(`No NavbarItem component found for type "${n}".`);return(0,a.jsx)(r,{...t})}},7535:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);var i=t(4491),r=t(1527);function a(e){let{locale:n,version:t,tag:a}=e;const o=n;return(0,r.jsxs)(i.Z,{children:[n&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:n}),t&&(0,r.jsx)("meta",{name:"docusaurus_version",content:t}),a&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:a}),o&&(0,r.jsx)("meta",{name:"docsearch:language",content:o}),t&&(0,r.jsx)("meta",{name:"docsearch:version",content:t}),a&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},7675:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o});t(959);var i=t(9920);const r={skipToContent:"skipToContent_YRel"};var a=t(1527);function o(){return(0,a.jsx)(i.l,{className:r.skipToContent})}},4794:(e,n,t)=>{"use strict";t.d(n,{z:()=>b,u:()=>s});var i=t(959),r=t(6047),a=t(2827);var o=t(1527);const l="ease-in-out";function s(e){let{initialState:n}=e;const[t,r]=(0,i.useState)(n??!1),a=(0,i.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:t,setCollapsed:r,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},c={display:"block",overflow:"visible",height:"auto"};function d(e,n){const t=n?u:c;e.style.display=t.display,e.style.overflow=t.overflow,e.style.height=t.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const n=e/36;return Math.round(10*(4+15*n**.25+n/5))}function g(e){let{collapsibleRef:n,collapsed:t,animation:r}=e;const a=(0,i.useRef)(!1);(0,i.useEffect)((()=>{const e=n.current;function i(){const n=function(){const n=e.scrollHeight;return{transition:`height ${r?.duration??p(n)}ms ${r?.easing??l}`,height:`${n}px`}}();e.style.transition=n.transition,e.style.height=n.height}if(!a.current)return d(e,t),void(a.current=!0);return e.style.willChange="height",function(){const n=requestAnimationFrame((()=>{t?(i(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(n)}()}),[n,t,r])}function f(e){if(!r.Z.canUseDOM)return e?u:c}function m(e){let{as:n="div",collapsed:t,children:r,animation:a,onCollapseTransitionEnd:l,className:s,disableSSRStyle:u}=e;const c=(0,i.useRef)(null);return g({collapsibleRef:c,collapsed:t,animation:a}),(0,o.jsx)(n,{ref:c,style:u?void 0:f(t),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,t),l?.(t))},className:s,children:r})}function h(e){let{collapsed:n,...t}=e;const[r,l]=(0,i.useState)(!n),[s,u]=(0,i.useState)(n);return(0,a.Z)((()=>{n||l(!0)}),[n]),(0,a.Z)((()=>{r&&u(n)}),[r,n]),r?(0,o.jsx)(m,{...t,collapsed:s}):null}function b(e){let{lazy:n,...t}=e;const i=n?h:m;return(0,o.jsx)(i,{...t})}},4288:(e,n,t)=>{"use strict";t.d(n,{nT:()=>m,pl:()=>f});var i=t(959),r=t(7111),a=t(6340),o=t(7399),l=t(2593),s=t(1527);const u=(0,a.WA)("docusaurus.announcement.dismiss"),c=(0,a.WA)("docusaurus.announcement.id"),d=()=>"true"===u.get(),p=e=>u.set(String(e)),g=i.createContext(null);function f(e){let{children:n}=e;const t=function(){const{announcementBar:e}=(0,l.L)(),n=(0,r.Z)(),[t,a]=(0,i.useState)((()=>!!n&&d()));(0,i.useEffect)((()=>{a(d())}),[]);const o=(0,i.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,i.useEffect)((()=>{if(!e)return;const{id:n}=e;let t=c.get();"annoucement-bar"===t&&(t="announcement-bar");const i=n!==t;c.set(n),i&&p(!1),!i&&d()||a(!1)}),[e]),(0,i.useMemo)((()=>({isActive:!!e&&!t,close:o})),[e,t,o])}();return(0,s.jsx)(g.Provider,{value:t,children:n})}function m(){const e=(0,i.useContext)(g);if(!e)throw new o.i6("AnnouncementBarProvider");return e}},1694:(e,n,t)=>{"use strict";t.d(n,{I:()=>b,S:()=>h});var i=t(959),r=t(6047),a=t(7399),o=t(6340),l=t(2593),s=t(1527);const u=i.createContext(void 0),c="theme",d=(0,o.WA)(c),p={light:"light",dark:"dark"},g=e=>e===p.dark?p.dark:p.light,f=e=>r.Z.canUseDOM?g(document.documentElement.getAttribute("data-theme")):g(e),m=e=>{d.set(g(e))};function h(e){let{children:n}=e;const t=function(){const{colorMode:{defaultMode:e,disableSwitch:n,respectPrefersColorScheme:t}}=(0,l.L)(),[r,a]=(0,i.useState)(f(e));(0,i.useEffect)((()=>{n&&d.del()}),[n]);const o=(0,i.useCallback)((function(n,i){void 0===i&&(i={});const{persist:r=!0}=i;n?(a(n),r&&m(n)):(a(t?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[t,e]);(0,i.useEffect)((()=>{document.documentElement.setAttribute("data-theme",g(r))}),[r]),(0,i.useEffect)((()=>{if(n)return;const e=e=>{if(e.key!==c)return;const n=d.get();null!==n&&o(g(n))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[n,o]);const s=(0,i.useRef)(!1);return(0,i.useEffect)((()=>{if(n&&!t)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),i=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:o(null)};return e.addListener(i),()=>e.removeListener(i)}),[o,n,t]),(0,i.useMemo)((()=>({colorMode:r,setColorMode:o,get isDarkTheme(){return r===p.dark},setLightTheme(){o(p.light)},setDarkTheme(){o(p.dark)}})),[r,o])}();return(0,s.jsx)(u.Provider,{value:t,children:n})}function b(){const e=(0,i.useContext)(u);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,n,t)=>{"use strict";t.d(n,{J:()=>v,L5:()=>b});var i=t(959),r=t(9384),a=t(4684),o=t(2593),l=t(8068),s=t(7399),u=t(6340),c=t(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,n,t)=>{(0,u.WA)(d(e),{persistence:n}).set(t)},read:(e,n)=>(0,u.WA)(d(e),{persistence:n}).get(),clear:(e,n)=>{(0,u.WA)(d(e),{persistence:n}).del()}},g=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=i.createContext(null);function m(){const e=(0,r._r)(),n=(0,o.L)().docs.versionPersistence,t=(0,i.useMemo)((()=>Object.keys(e)),[e]),[a,l]=(0,i.useState)((()=>g(t)));(0,i.useEffect)((()=>{l(function(e){let{pluginIds:n,versionPersistence:t,allDocsData:i}=e;function r(e){const n=p.read(e,t);return i[e].versions.some((e=>e.name===n))?{preferredVersionName:n}:(p.clear(e,t),{preferredVersionName:null})}return Object.fromEntries(n.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:n,pluginIds:t}))}),[e,n,t]);return[a,(0,i.useMemo)((()=>({savePreferredVersion:function(e,t){p.save(e,n,t),l((n=>({...n,[e]:{preferredVersionName:t}})))}})),[n])]}function h(e){let{children:n}=e;const t=m();return(0,c.jsx)(f.Provider,{value:t,children:n})}function b(e){let{children:n}=e;return l.cE?(0,c.jsx)(h,{children:n}):(0,c.jsx)(c.Fragment,{children:n})}function w(){const e=(0,i.useContext)(f);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const n=(0,r.zh)(e),[t,o]=w(),{preferredVersionName:l}=t[e];return{preferredVersion:n.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,i.useCallback)((n=>{o.savePreferredVersion(e,n)}),[o,e])}}},5580:(e,n,t)=>{"use strict";t.d(n,{M:()=>h,e:()=>b});var i=t(959),r=t(5195),a=t(6047);const o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,n]=(0,i.useState)((()=>"ssr"));return(0,i.useEffect)((()=>{function e(){n(function(){if(!a.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?o.desktop:o.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var u=t(8903),c=t(7399);function d(e){!function(e){const n=(0,u.k6)(),t=(0,c.zX)(e);(0,i.useEffect)((()=>n.block(((e,n)=>t(e,n)))),[n,t])}(((n,t)=>{if("POP"===t)return e(n,t)}))}var p=t(2593),g=t(1527);const f=i.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:n}=(0,p.L)().navbar;return 0===n.length&&!e.component}(),n=s(),t=!e&&"mobile"===n,[a,o]=(0,i.useState)(!1);d((()=>{if(a)return o(!1),!1}));const l=(0,i.useCallback)((()=>{o((e=>!e))}),[]);return(0,i.useEffect)((()=>{"desktop"===n&&o(!1)}),[n]),(0,i.useMemo)((()=>({disabled:e,shouldRender:t,toggle:l,shown:a})),[e,t,l,a])}function h(e){let{children:n}=e;const t=m();return(0,g.jsx)(f.Provider,{value:t,children:n})}function b(){const e=i.useContext(f);if(void 0===e)throw new c.i6("NavbarMobileSidebarProvider");return e}},5195:(e,n,t)=>{"use strict";t.d(n,{HY:()=>s,n2:()=>l});var i=t(959),r=t(7399),a=t(1527);const o=i.createContext(null);function l(e){let{children:n}=e;const t=(0,i.useState)({component:null,props:null});return(0,a.jsx)(o.Provider,{value:t,children:n})}function s(){const e=(0,i.useContext)(o);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,n,t)=>{"use strict";t.d(n,{P:()=>u,Y:()=>d});var i=t(959),r=t(7399),a=t(5580),o=t(5195),l=t(1527);const s=i.createContext(null);function u(e){let{children:n}=e;const t=function(){const e=(0,a.e)(),n=(0,o.HY)(),[t,l]=(0,i.useState)(!1),s=null!==n.component,u=(0,r.D9)(s);return(0,i.useEffect)((()=>{s&&!u&&l(!0)}),[s,u]),(0,i.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,i.useMemo)((()=>[t,l]),[t])}();return(0,l.jsx)(s.Provider,{value:t,children:n})}function c(e){if(e.component){const n=e.component;return(0,l.jsx)(n,{...e.props})}}function d(){const e=(0,i.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[n,t]=e,a=(0,i.useCallback)((()=>t(!1)),[t]),l=(0,o.HY)();return(0,i.useMemo)((()=>({shown:n,hide:a,content:c(l)})),[a,l,n])}},864:(e,n,t)=>{"use strict";t.d(n,{h:()=>r,t:()=>a});var i=t(959);const r="navigation-with-keyboard";function a(){(0,i.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,n,t)=>{"use strict";t.d(n,{k:()=>i});const i={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,n,t)=>{"use strict";t.d(n,{cE:()=>l,lO:()=>s,vY:()=>c,oz:()=>u});var i=t(959),r=t(9384),a=t(1836);function o(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:n}=(0,r.Iw)(e),{preferredVersion:t}=(0,a.J)(e),l=(0,r.yW)(e);return(0,i.useMemo)((()=>o([n,t,l].filter(Boolean))),[n,t,l])}function u(e,n){const t=s(n);return(0,i.useMemo)((()=>{const n=t.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),i=n.find((n=>n[0]===e));if(!i)throw new Error(`Can't find any sidebar with id "${e}" in version${t.length>1?"s":""} ${t.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${n.map((e=>e[0])).join("\n- ")}`);return i[1]}),[e,t])}function c(e,n){const t=s(n);return(0,i.useMemo)((()=>{const n=t.flatMap((e=>e.docs)),i=n.find((n=>n.id===e));if(!i){if(t.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${t.length>1?"s":""} "${t.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${o(n.map((e=>e.id))).join("\n- ")}`)}return i}),[e,t])}},809:(e,n,t)=>{"use strict";t.d(n,{aG:()=>u,Cw:()=>s,QW:()=>c});var i=t(959),r=t(5374),a=t(6771);const o={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=t(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 u(e){let{error:n}=e;const t=(0,a.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:o.errorBoundaryError,children:t})}class c extends i.Component{componentDidCatch(e,n){throw this.props.onError(e,n)}render(){return this.props.children}}},1610:(e,n,t)=>{"use strict";t.d(n,{FG:()=>g,d:()=>d,VC:()=>f});var i=t(959),r=t(5341),a=t(4491),o=t(2762);function l(){const e=i.useContext(o._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=t(9925),u=t(2688);var c=t(1527);function d(e){let{title:n,description:t,keywords:i,image:r,children:o}=e;const l=function(e){const{siteConfig:n}=(0,u.Z)(),{title:t,titleDelimiter:i}=n;return e?.trim().length?`${e.trim()} ${i} ${t}`:t}(n),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,c.jsxs)(a.Z,{children:[n&&(0,c.jsx)("title",{children:l}),n&&(0,c.jsx)("meta",{property:"og:title",content:l}),t&&(0,c.jsx)("meta",{name:"description",content:t}),t&&(0,c.jsx)("meta",{property:"og:description",content:t}),i&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(i)?i.join(","):i}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),o]})}const p=i.createContext(void 0);function g(e){let{className:n,children:t}=e;const o=i.useContext(p),l=(0,r.Z)(o,n);return(0,c.jsxs)(p.Provider,{value:l,children:[(0,c.jsx)(a.Z,{children:(0,c.jsx)("html",{className:l})}),t]})}function f(e){let{children:n}=e;const t=l(),i=`plugin-${t.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${t.plugin.id}`;return(0,c.jsx)(g,{className:(0,r.Z)(i,a),children:n})}},5160:(e,n,t)=>{"use strict";t.d(n,{A:()=>s,V:()=>u});t(959);var i=t(5580),r=t(5195),a=t(1900),o=t(1527);const l="right";function s(e){function n(e){return"left"===(e.position??l)}return[e.filter(n),e.filter((e=>!n(e)))]}function u(e){let{children:n}=e;return(0,o.jsx)(r.n2,{children:(0,o.jsx)(i.M,{children:(0,o.jsx)(a.P,{children:n})})})}},7399:(e,n,t)=>{"use strict";t.d(n,{D9:()=>l,Qc:()=>c,Ql:()=>u,i6:()=>s,zX:()=>o});var i=t(959),r=t(2827),a=t(1527);function o(e){const n=(0,i.useRef)(e);return(0,r.Z)((()=>{n.current=e}),[e]),(0,i.useCallback)((function(){return n.current(...arguments)}),[])}function l(e){const n=(0,i.useRef)();return(0,r.Z)((()=>{n.current=e})),n.current}class s extends Error{constructor(e,n){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${n??""}`}}function u(e){const n=Object.entries(e);return n.sort(((e,n)=>e[0].localeCompare(n[0]))),(0,i.useMemo)((()=>e),n.flat())}function c(e){return n=>{let{children:t}=n;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,n)=>(0,a.jsx)(n,{children:e})),t)})}}},3535:(e,n,t)=>{"use strict";function i(e,n){return void 0!==e&&void 0!==n&&new RegExp(e,"gi").test(n)}t.d(n,{F:()=>i})},3707:(e,n,t)=>{"use strict";t.d(n,{OC:()=>s,RF:()=>d});var i=t(959),r=t(6047),a=(t(7111),t(2827),t(7399)),o=t(1527);const l=i.createContext(void 0);function s(e){let{children:n}=e;const t=function(){const e=(0,i.useRef)(!0);return(0,i.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,o.jsx)(l.Provider,{value:t,children:n})}function u(){const e=(0,i.useContext)(l);if(null==e)throw new a.i6("ScrollControllerProvider");return e}const c=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,n){void 0===n&&(n=[]);const{scrollEventsEnabledRef:t}=u(),r=(0,i.useRef)(c()),o=(0,a.zX)(e);(0,i.useEffect)((()=>{const e=()=>{if(!t.current)return;const e=c();o(e,r.current),r.current=e},n={passive:!0};return e(),window.addEventListener("scroll",e,n),()=>window.removeEventListener("scroll",e,n)}),[o,t,...n])}},9920:(e,n,t)=>{"use strict";t.d(n,{l:()=>p,u:()=>s});var i=t(959),r=t(8903),a=t(5374),o=t(5508),l=t(1527);const s="__docusaurus_skipToContent_fallback";function u(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function c(){const e=(0,i.useRef)(null),{action:n}=(0,r.k6)(),t=(0,i.useCallback)((e=>{e.preventDefault();const n=document.querySelector("main:first-of-type")??document.getElementById(s);n&&u(n)}),[]);return(0,o.S)((t=>{let{location:i}=t;e.current&&!i.hash&&"PUSH"===n&&u(e.current)})),{containerRef:e,onClick:t}}const d=(0,a.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 n=e.children??d,{containerRef:t,onClick:i}=c();return(0,l.jsx)("div",{ref:t,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:i,children:n})})}},6340:(e,n,t)=>{"use strict";t.d(n,{WA:()=>s});t(959);const i="localStorage";function r(e){let{key:n,oldValue:t,newValue:i,storage:r}=e;if(t===i)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,n,t,i,window.location.href,r),window.dispatchEvent(a)}function a(e){if(void 0===e&&(e=i),"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(t){return n=t,o||(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.",n),o=!0),null}var n}let o=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,n){if("undefined"==typeof window)return function(e){function n(){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:n,set:n,del:n,listen:n}}(e);const t=a(n?.persistence);return null===t?l:{get:()=>{try{return t.getItem(e)}catch(n){return console.error(`Docusaurus storage error, can't get key=${e}`,n),null}},set:n=>{try{const i=t.getItem(e);t.setItem(e,n),r({key:e,oldValue:i,newValue:n,storage:t})}catch(i){console.error(`Docusaurus storage error, can't set ${e}=${n}`,i)}},del:()=>{try{const n=t.getItem(e);t.removeItem(e),r({key:e,oldValue:n,newValue:null,storage:t})}catch(n){console.error(`Docusaurus storage error, can't delete key=${e}`,n)}},listen:n=>{try{const i=i=>{i.storageArea===t&&i.key===e&&n(i)};return window.addEventListener("storage",i),()=>window.removeEventListener("storage",i)}catch(i){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,i),()=>{}}}}}},8224:(e,n,t)=>{"use strict";t.d(n,{l:()=>o});var i=t(2688),r=t(8903),a=t(6771);function o(){const{siteConfig:{baseUrl:e,url:n,trailingSlash:t},i18n:{defaultLocale:o,currentLocale:l}}=(0,i.Z)(),{pathname:s}=(0,r.TH)(),u=(0,a.applyTrailingSlash)(s,{trailingSlash:t,baseUrl:e}),c=l===o?e:e.replace(`/${l}/`,"/"),d=u.replace(e,"");return{createUrl:function(e){let{locale:t,fullyQualified:i}=e;return`${i?n:""}${function(e){return e===o?`${c}`:`${c}${e}/`}(t)}${d}`}}}},5508:(e,n,t)=>{"use strict";t.d(n,{S:()=>o});var i=t(959),r=t(8903),a=t(7399);function o(e){const n=(0,r.TH)(),t=(0,a.D9)(n),o=(0,a.zX)(e);(0,i.useEffect)((()=>{t&&n!==t&&o({location:n,previousLocation:t})}),[o,n,t])}},2593:(e,n,t)=>{"use strict";t.d(n,{L:()=>r});var i=t(2688);function r(){return(0,i.Z)().siteConfig.themeConfig}},6115:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=function(e,n){const{trailingSlash:t,baseUrl:i}=n;if(e.startsWith("#"))return e;if(void 0===t)return e;const[r]=e.split(/[#?]/),a="/"===r||r===i?r:(o=r,t?function(e){return e.endsWith("/")?e:`${e}/`}(o):function(e){return e.endsWith("/")?e.slice(0,-1):e}(o));var o;return e.replace(r,a)}},6901:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=void 0,n.getErrorCausalChain=function e(n){return n.cause?[n,...e(n.cause)]:[n]}},6771:function(e,n,t){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=n.applyTrailingSlash=n.blogPostContainerID=void 0,n.blogPostContainerID="__blog-post-container";var r=t(6115);Object.defineProperty(n,"applyTrailingSlash",{enumerable:!0,get:function(){return i(r).default}});var a=t(6901);Object.defineProperty(n,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8784:(e,n,t)=>{"use strict";t.d(n,{Z:()=>h});var i=t(959),r=t(5341),a=t(3535),o=t(4794),l=(t(6002),t(2688));var s=t(8903);var u=t(6612),c=t(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=t(1527);function g(e,n){return e.some((e=>function(e,n){return!!function(e,n){const t=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return t(e)===t(n)}(e.to,n)||!!(0,a.F)(e.activeBaseRegex,n)||!(!e.activeBasePath||!n.startsWith(e.activeBasePath))}(e,n)))}function f(e){let{items:n,position:t,className:a,onClick:o,...l}=e;const s=(0,i.useRef)(null),[d,g]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&g(!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--right":"right"===t,"dropdown--show":d}),onClick:()=>{g(!d)},children:[(0,p.jsx)(u.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",a),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),g(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:n.map(((e,n)=>(0,i.createElement)(c.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:n})))})]})}function m(e){let{items:n,className:t,position:a,onClick:f,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:n}=(0,s.TH)();return n.replace(e,"/")}(),b=g(n,h),{collapsed:w,toggleCollapsed:v,setCollapsed:y}=(0,o.u)({initialState:()=>!b});return(0,i.useEffect)((()=>{b&&y(!b)}),[h,b,y]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":w}),children:[(0,p.jsx)(u.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",t),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(o.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:w,children:n.map(((e,n)=>(0,i.createElement)(c.Z,{mobile:!0,isDropdownItem:!0,onClick:f,activeClassName:"menu__link--active",...e,key:n})))})]})}function h(e){let{mobile:n=!1,...t}=e;const i=n?m:f;return(0,p.jsx)(i,{...t})}},7412:(e,n,t)=>{"use strict";t.d(n,{Z:()=>c});t(959);var i=t(2688),r=t(8224),a=t(8903),o=t(8784),l=t(1527);function s(e){let{width:n=20,height:t=20,...i}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:n,height:t,"aria-hidden":!0,...i,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 u={iconLanguage:"iconLanguage_DSK9"};function c(e){let{mobile:n,dropdownItemsBefore:t,dropdownItemsAfter:c,queryString:d="",whiteTheme:p=!1,...g}=e;const{i18n:{currentLocale:f,locales:m,localeConfigs:h}}=(0,i.Z)(),b=(0,r.l)(),{search:w,hash:v}=(0,a.TH)(),y=[...t,...m.map((e=>{const t=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${w}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:t,target:"_self",autoAddBaseUrl:!1,className:e===f?n?"menu__link--active":"dropdown__link--active":""}})),...c];return(0,l.jsx)(o.Z,{...g,mobile:n,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:u.iconLanguage}),h[f].label]}),items:y})}},4047:(e,n,t)=>{"use strict";t.d(n,{lX:()=>y,q_:()=>L,ob:()=>g,PP:()=>C,Ep:()=>p});var i=t(6920);function r(e){return"/"===e.charAt(0)}function a(e,n){for(var t=n,i=t+1,r=e.length;i=0;p--){var g=o[p];"."===g?a(o,p):".."===g?(a(o,p),d++):d&&(a(o,p),d--)}if(!u)for(;d--;d)o.unshift("..");!u||""===o[0]||o[0]&&r(o[0])||o.unshift("");var f=o.join("/");return t&&"/"!==f.substr(-1)&&(f+="/"),f};var l=t(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function u(e){return"/"===e.charAt(0)?e.substr(1):e}function c(e,n){return function(e,n){return 0===e.toLowerCase().indexOf(n.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(n.length))}(e,n)?e.substr(n.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var n=e.pathname,t=e.search,i=e.hash,r=n||"/";return t&&"?"!==t&&(r+="?"===t.charAt(0)?t:"?"+t),i&&"#"!==i&&(r+="#"===i.charAt(0)?i:"#"+i),r}function g(e,n,t,r){var a;"string"==typeof e?(a=function(e){var n=e||"/",t="",i="",r=n.indexOf("#");-1!==r&&(i=n.substr(r),n=n.substr(0,r));var a=n.indexOf("?");return-1!==a&&(t=n.substr(a),n=n.substr(0,a)),{pathname:n,search:"?"===t?"":t,hash:"#"===i?"":i}}(e),a.state=n):(void 0===(a=(0,i.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==n&&void 0===a.state&&(a.state=n));try{a.pathname=decodeURI(a.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return t&&(a.key=t),r?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=o(a.pathname,r.pathname)):a.pathname=r.pathname:a.pathname||(a.pathname="/"),a}function f(){var e=null;var n=[];return{setPrompt:function(n){return e=n,function(){e===n&&(e=null)}},confirmTransitionTo:function(n,t,i,r){if(null!=e){var a="function"==typeof e?e(n,t):e;"string"==typeof a?"function"==typeof i?i(a,r):r(!0):r(!1!==a)}else r(!0)},appendListener:function(e){var t=!0;function i(){t&&e.apply(void 0,arguments)}return n.push(i),function(){t=!1,n=n.filter((function(e){return e!==i}))}},notifyListeners:function(){for(var e=arguments.length,t=new Array(e),i=0;in?t.splice(n,t.length-n,r):t.push(r),d({action:i,location:r,index:n,entries:t})}}))},replace:function(e,n){var i="REPLACE",r=g(e,n,m(),y.location);c.confirmTransitionTo(r,i,t,(function(e){e&&(y.entries[y.index]=r,d({action:i,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var n=y.index+e;return n>=0&&n{"use strict";var i=t(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return i.isMemo(e)?o:l[e.$$typeof]||r}l[i.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[i.Memo]=o;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,g=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(n,t,i){if("string"!=typeof t){if(f){var r=g(t);r&&r!==f&&e(n,r,i)}var o=c(t);d&&(o=o.concat(d(t)));for(var l=s(n),m=s(t),h=0;h{"use strict";e.exports=function(e,n,t,i,r,a,o,l){if(!e){var s;if(void 0===n)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[t,i,r,a,o,l],c=0;(s=new Error(n.replace(/%s/g,(function(){return u[c++]})))).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,n,t)=>{"use strict";t.r(n)},962:(e,n,t)=>{"use strict";t.r(n)},1245:(e,n,t)=>{"use strict";t.r(n)},9981:function(e,n,t){var i,r;i=function(){var e,n,t={version:"0.2.0"},i=t.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:''};function r(e,n,t){return et?t:e}function a(e){return 100*(-1+e)}function o(e,n,t){var r;return(r="translate3d"===i.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===i.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+n+"ms "+t,r}t.configure=function(e){var n,t;for(n in e)void 0!==(t=e[n])&&e.hasOwnProperty(n)&&(i[n]=t);return this},t.status=null,t.set=function(e){var n=t.isStarted();e=r(e,i.minimum,1),t.status=1===e?null:e;var a=t.render(!n),u=a.querySelector(i.barSelector),c=i.speed,d=i.easing;return a.offsetWidth,l((function(n){""===i.positionUsing&&(i.positionUsing=t.getPositioningCSS()),s(u,o(e,c,d)),1===e?(s(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){s(a,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){t.remove(),n()}),c)}),c)):setTimeout(n,c)})),this},t.isStarted=function(){return"number"==typeof t.status},t.start=function(){t.status||t.set(0);var e=function(){setTimeout((function(){t.status&&(t.trickle(),e())}),i.trickleSpeed)};return i.trickle&&e(),this},t.done=function(e){return e||t.status?t.inc(.3+.5*Math.random()).set(1):this},t.inc=function(e){var n=t.status;return n?("number"!=typeof e&&(e=(1-n)*r(Math.random()*n,.1,.95)),n=r(n+e,0,.994),t.set(n)):t.start()},t.trickle=function(){return t.inc(Math.random()*i.trickleRate)},e=0,n=0,t.promise=function(i){return i&&"resolved"!==i.state()?(0===n&&t.start(),e++,n++,i.always((function(){0==--n?(e=0,t.done()):t.set((e-n)/e)})),this):this},t.render=function(e){if(t.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=i.template;var r,o=n.querySelector(i.barSelector),l=e?"-100":a(t.status||0),u=document.querySelector(i.parent);return s(o,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),i.showSpinner||(r=n.querySelector(i.spinnerSelector))&&g(r),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(n),n},t.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(i.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&g(e)},t.isRendered=function(){return!!document.getElementById("nprogress")},t.getPositioningCSS=function(){var e=document.body.style,n="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return n+"Perspective"in e?"translate3d":n+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function n(){var t=e.shift();t&&t(n)}return function(t){e.push(t),1==e.length&&n()}}(),s=function(){var e=["Webkit","O","Moz","ms"],n={};function t(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,n){return n.toUpperCase()}))}function i(n){var t=document.body.style;if(n in t)return n;for(var i,r=e.length,a=n.charAt(0).toUpperCase()+n.slice(1);r--;)if((i=e[r]+a)in t)return i;return n}function r(e){return e=t(e),n[e]||(n[e]=i(e))}function a(e,n,t){n=r(n),e.style[n]=t}return function(e,n){var t,i,r=arguments;if(2==r.length)for(t in n)void 0!==(i=n[t])&&n.hasOwnProperty(t)&&a(e,t,i);else a(e,r[1],r[2])}}();function u(e,n){return("string"==typeof e?e:p(e)).indexOf(" "+n+" ")>=0}function c(e,n){var t=p(e),i=t+n;u(t,n)||(e.className=i.substring(1))}function d(e,n){var t,i=p(e);u(e,n)&&(t=i.replace(" "+n+" "," "),e.className=t.substring(1,t.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function g(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return t},void 0===(r="function"==typeof i?i.call(n,t,n,e):i)||(e.exports=r)},7720:(e,n,t)=>{var i=t(901);e.exports=g,e.exports.parse=a,e.exports.compile=function(e,n){return l(a(e,n),n)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,n){for(var t,i=[],a=0,o=0,l="",c=n&&n.delimiter||"/";null!=(t=r.exec(e));){var d=t[0],p=t[1],g=t.index;if(l+=e.slice(o,g),o=g+d.length,p)l+=p[1];else{var f=e[o],m=t[2],h=t[3],b=t[4],w=t[5],v=t[6],y=t[7];l&&(i.push(l),l="");var k=null!=m&&null!=f&&f!==m,S="+"===v||"*"===v,x="?"===v||"*"===v,_=t[2]||c,D=b||w;i.push({name:h||a++,prefix:m||"",delimiter:_,optional:x,repeat:S,partial:k,asterisk:!!y,pattern:D?u(D):y?".*":"[^"+s(_)+"]+?"})}}return o{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 WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment
can become .namespace--comment
) or replace them with your defined ones (like .editor__comment
). 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 highlightAll
and highlightAllUnder
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,n,t)=>{const i=t(1064),r=t(6474),a=new Set;function o(e){void 0===e?e=Object.keys(i.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const n=[...a,...Object.keys(Prism.languages)];r(i,e,n).load((e=>{if(!(e in i.languages))return void(o.silent||console.warn("Language does not exist: "+e));const n="./prism-"+e;delete t.c[t(2928).resolve(n)],delete Prism.languages[e],t(2928)(n),a.add(e)}))}o.silent=!1,e.exports=o},1559:()=>{!function(e){function n(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(t,i,r,a){if(t.language===i){var o=t.tokenStack=[];t.code=t.code.replace(r,(function(e){if("function"==typeof a&&!a(e))return e;for(var r,l=o.length;-1!==t.code.indexOf(r=n(i,l));)++l;return o[l]=e,r})),t.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(t,i){if(t.language===i&&t.tokenStack){t.grammar=e.languages[i];var r=0,a=Object.keys(t.tokenStack);!function o(l){for(var s=0;s=a.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=a[r],d=t.tokenStack[c],p="string"==typeof u?u:u.content,g=n(i,c),f=p.indexOf(g);if(f>-1){++r;var m=p.substring(0,f),h=new e.Token(i,e.tokenize(d,t.grammar),"language-"+i,d),b=p.substring(f+g.length),w=[];m&&w.push.apply(w,o([m])),w.push(h),b&&w.push.apply(w,o([b])),"string"==typeof u?l.splice.apply(l,[s,1].concat(w)):u.content=w}}else u.content&&o(u.content)}return l}(t.tokens)}}}})}(Prism)},2928:(e,n,t)=>{var i={"./":1884};function r(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}r.keys=function(){return Object.keys(i)},r.resolve=a,e.exports=r,r.id=2928},6474:e=>{"use strict";var n=function(){var e=function(){};function n(e,n){Array.isArray(e)?e.forEach(n):null!=e&&n(e,0)}function t(e){for(var n={},t=0,i=e.length;t "));var l={},s=e[i];if(s){function u(n){if(!(n in e))throw new Error(i+" depends on an unknown component "+n);if(!(n in l))for(var o in r(n,a),l[n]=!0,t[n])l[o]=!0}n(s.require,u),n(s.optional,u),n(s.modify,u)}t[i]=l,a.pop()}}return function(e){var n=t[e];return n||(r(e,i),n=t[e]),n}}function r(e){for(var n in e)return!0;return!1}return function(a,o,l){var s=function(e){var n={};for(var t in e){var i=e[t];for(var r in i)if("meta"!=r){var a=i[r];n[r]="string"==typeof a?{title:a}:a}}return n}(a),u=function(e){var t;return function(i){if(i in e)return i;if(!t)for(var r in t={},e){var a=e[r];n(a&&a.alias,(function(n){if(n in t)throw new Error(n+" cannot be alias for both "+r+" and "+t[n]);if(n in e)throw new Error(n+" cannot be alias of "+r+" because it is a component.");t[n]=r}))}return t[i]||i}}(s);o=o.map(u),l=(l||[]).map(u);var c=t(o),d=t(l);o.forEach((function e(t){var i=s[t];n(i&&i.require,(function(n){n in d||(c[n]=!0,e(n))}))}));for(var p,g=i(s),f=c;r(f);){for(var m in p={},f){var h=s[m];n(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in c))for(var w in g(b))if(w in c){p[b]=!0;break}for(var v in f=p)c[v]=!0}var y={getIds:function(){var e=[];return y.load((function(n){e.push(n)})),e},load:function(n,t){return function(n,t,i,r){var a=r?r.series:void 0,o=r?r.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var r,c=[];for(var d in n(e))d in t&&c.push(d);if(0===c.length)r=i(e);else{var p=o(c.map((function(e){var n=u(e);return delete s[e],n})));a?r=a(p,(function(){return i(e)})):i(e)}return l[e]=r}for(var c in t)u(c);var d=[];for(var p in s)d.push(l[p]);return o(d)}(g,c,n,t)}};return y}}();e.exports=n},4049:(e,n,t)=>{"use strict";var i=t(6257);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,n,t,r,a,o){if(o!==i){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 n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:r};return t.PropTypes=t,t}},507:(e,n,t)=>{e.exports=t(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,n,t)=>{"use strict";var i=t(959),r=t(2962);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;tn}return!1}(n,t,r,i)&&(t=null),i||null===r?function(e){return!!d.call(f,e)||!d.call(g,e)&&(p.test(e)?f[e]=!0:(g[e]=!0,!1))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):r.mustUseProperty?e[r.propertyName]=null===t?3!==r.type&&"":t:(n=r.attributeName,i=r.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(r=r.type)||4===r&&!0===t?"":""+t,i?e.setAttributeNS(i,n,t):e.setAttribute(n,t))))}"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 n=e.replace(b,w);h[n]=new m(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(b,w);h[n]=new m(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(b,w);h[n]=new m(n,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 y=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),L=Symbol.for("react.provider"),A=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),z=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 j=Symbol.iterator;function B(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=j&&e[j]||e["@@iterator"])?e:null}var M,R=Object.assign;function N(e){if(void 0===M)try{throw Error()}catch(t){var n=t.stack.trim().match(/\n( *(at )?)/);M=n&&n[1]||""}return"\n"+M+e}var O=!1;function F(e,n){if(!e||O)return"";O=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(u){var i=u}Reflect.construct(e,[],n)}else{try{n.call()}catch(u){i=u}e.call(n.prototype)}else{try{throw Error()}catch(u){i=u}e()}}catch(u){if(u&&i&&"string"==typeof u.stack){for(var r=u.stack.split("\n"),a=i.stack.split("\n"),o=r.length-1,l=a.length-1;1<=o&&0<=l&&r[o]!==a[l];)l--;for(;1<=o&&0<=l;o--,l--)if(r[o]!==a[l]){if(1!==o||1!==l)do{if(o--,0>--l||r[o]!==a[l]){var s="\n"+r[o].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}}while(1<=o&&0<=l);break}}}finally{O=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?N(e):""}function K(e){switch(e.tag){case 5:return N(e.type);case 16:return N("Lazy");case 13:return N("Suspense");case 19:return N("SuspenseList");case 0:case 2:case 15:return e=F(e.type,!1);case 11:return e=F(e.type.render,!1);case 1:return e=F(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 x:return"Fragment";case S:return"Portal";case D:return"Profiler";case _:return"StrictMode";case E:return"Suspense";case P:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case L:return(e._context.displayName||"Context")+".Provider";case C:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(n=e.displayName||null)?n:U(e.type)||"Memo";case z:n=e._payload,e=e._init;try{return U(e(n))}catch(t){}}return null}function V(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(n);case 8:return n===_?"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 n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function Z(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function q(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function $(e){e._valueTracker||(e._valueTracker=function(e){var n=q(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),i=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var r=t.get,a=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return r.call(this)},set:function(e){i=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return i},setValue:function(e){i=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function G(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),i="";return e&&(i=q(e)?e.checked?"true":"false":e.value),(e=i)!==t&&(n.setValue(e),!0)}function H(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function W(e,n){var t=n.checked;return R({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function Q(e,n){var t=null==n.defaultValue?"":n.defaultValue,i=null!=n.checked?n.checked:n.defaultChecked;t=Z(null!=n.value?n.value:t),e._wrapperState={initialChecked:i,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Y(e,n){null!=(n=n.checked)&&v(e,"checked",n,!1)}function X(e,n){Y(e,n);var t=Z(n.value),i=n.type;if(null!=t)"number"===i?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===i||"reset"===i)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,Z(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function J(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var i=n.type;if(!("submit"!==i&&"reset"!==i||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&H(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,i){if(e=e.options,n){n={};for(var r=0;r"+n.valueOf().toString()+"",n=ue.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,i){MSApp.execUnsafeLocalFunction((function(){return ce(e,n)}))}:ce);function pe(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}var ge={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},fe=["Webkit","ms","Moz","O"];function me(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||ge.hasOwnProperty(e)&&ge[e]?(""+n).trim():n+"px"}function he(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var i=0===t.indexOf("--"),r=me(t,n[t],i);"float"===t&&(t="cssFloat"),i?e.setProperty(t,r):e[t]=r}}Object.keys(ge).forEach((function(e){fe.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),ge[n]=ge[e]}))}));var be=R({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 we(e,n){if(n){if(be[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(a(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(a(62))}}function ve(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.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 ye=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,_e=null;function De(e){if(e=vr(e)){if("function"!=typeof Se)throw Error(a(280));var n=e.stateNode;n&&(n=kr(n),Se(e.stateNode,e.type,n))}}function Le(e){xe?_e?_e.push(e):_e=[e]:xe=e}function Ae(){if(xe){var e=xe,n=_e;if(_e=xe=null,De(e),n)for(e=0;e>>=0,0===e?32:31-(sn(e)/un|0)|0},sn=Math.log,un=Math.LN2;var cn=64,dn=4194304;function pn(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 gn(e,n){var t=e.pendingLanes;if(0===t)return 0;var i=0,r=e.suspendedLanes,a=e.pingedLanes,o=268435455&t;if(0!==o){var l=o&~r;0!==l?i=pn(l):0!==(a&=o)&&(i=pn(a))}else 0!==(o=t&~r)?i=pn(o):0!==a&&(i=pn(a));if(0===i)return 0;if(0!==n&&n!==i&&0==(n&r)&&((r=i&-i)>=(a=n&-n)||16===r&&0!=(4194240&a)))return n;if(0!=(4&i)&&(i|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=i;0t;t++)n.push(e);return n}function wn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-ln(n)]=t}function vn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var i=31-ln(t),r=1<=Bt),Nt=String.fromCharCode(32),Ot=!1;function Ft(e,n){switch(e){case"keyup":return-1!==Tt.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Kt(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Ut=!1;var Vt={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 Zt(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!Vt[e.type]:"textarea"===n}function qt(e,n,t,i){Le(i),0<(n=$i(n,"onChange")).length&&(t=new ct("onChange","change",null,t,i),e.push({event:t,listeners:n}))}var $t=null,Gt=null;function Ht(e){Ni(e,0)}function Wt(e){if(G(yr(e)))return e}function Qt(e,n){if("change"===e)return n}var Yt=!1;if(c){var Xt;if(c){var Jt="oninput"in document;if(!Jt){var ei=document.createElement("div");ei.setAttribute("oninput","return;"),Jt="function"==typeof ei.oninput}Xt=Jt}else Xt=!1;Yt=Xt&&(!document.documentMode||9=n)return{node:i,offset:n-e};e=t}e:{for(;i;){if(i.nextSibling){i=i.nextSibling;break e}i=i.parentNode}i=void 0}i=ui(i)}}function di(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?di(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function pi(){for(var e=window,n=H();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(i){t=!1}if(!t)break;n=H((e=n.contentWindow).document)}return n}function gi(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function fi(e){var n=pi(),t=e.focusedElem,i=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&di(t.ownerDocument.documentElement,t)){if(null!==i&&gi(t))if(n=i.start,void 0===(e=i.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var r=t.textContent.length,a=Math.min(i.start,r);i=void 0===i.end?a:Math.min(i.end,r),!e.extend&&a>i&&(r=i,i=a,a=r),r=ci(t,a);var o=ci(t,i);r&&o&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&((n=n.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),a>i?(e.addRange(n),e.extend(o.node,o.offset)):(n.setEnd(o.node,o.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t=document.documentMode,hi=null,bi=null,wi=null,vi=!1;function yi(e,n,t){var i=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;vi||null==hi||hi!==H(i)||("selectionStart"in(i=hi)&&gi(i)?i={start:i.selectionStart,end:i.selectionEnd}:i={anchorNode:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset},wi&&si(wi,i)||(wi=i,0<(i=$i(bi,"onSelect")).length&&(n=new ct("onSelect","select",null,n,t),e.push({event:n,listeners:i}),n.target=hi)))}function ki(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var Si={animationend:ki("Animation","AnimationEnd"),animationiteration:ki("Animation","AnimationIteration"),animationstart:ki("Animation","AnimationStart"),transitionend:ki("Transition","TransitionEnd")},xi={},_i={};function Di(e){if(xi[e])return xi[e];if(!Si[e])return e;var n,t=Si[e];for(n in t)if(t.hasOwnProperty(n)&&n in _i)return xi[e]=t[n];return e}c&&(_i=document.createElement("div").style,"AnimationEvent"in window||(delete Si.animationend.animation,delete Si.animationiteration.animation,delete Si.animationstart.animation),"TransitionEvent"in window||delete Si.transitionend.transition);var Li=Di("animationend"),Ai=Di("animationiteration"),Ci=Di("animationstart"),Ei=Di("transitionend"),Pi=new Map,Ii="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 zi(e,n){Pi.set(e,n),s(n,[e])}for(var Ti=0;Tixr||(e.current=Sr[xr],Sr[xr]=null,xr--)}function Lr(e,n){xr++,Sr[xr]=e.current,e.current=n}var Ar={},Cr=_r(Ar),Er=_r(!1),Pr=Ar;function Ir(e,n){var t=e.type.contextTypes;if(!t)return Ar;var i=e.stateNode;if(i&&i.__reactInternalMemoizedUnmaskedChildContext===n)return i.__reactInternalMemoizedMaskedChildContext;var r,a={};for(r in t)a[r]=n[r];return i&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function zr(e){return null!=(e=e.childContextTypes)}function Tr(){Dr(Er),Dr(Cr)}function jr(e,n,t){if(Cr.current!==Ar)throw Error(a(168));Lr(Cr,n),Lr(Er,t)}function Br(e,n,t){var i=e.stateNode;if(n=n.childContextTypes,"function"!=typeof i.getChildContext)return t;for(var r in i=i.getChildContext())if(!(r in n))throw Error(a(108,V(e)||"Unknown",r));return R({},t,i)}function Mr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ar,Pr=Cr.current,Lr(Cr,e),Lr(Er,Er.current),!0}function Rr(e,n,t){var i=e.stateNode;if(!i)throw Error(a(169));t?(e=Br(e,n,Pr),i.__reactInternalMemoizedMergedChildContext=e,Dr(Er),Dr(Cr),Lr(Cr,e)):Dr(Er),Lr(Er,t)}var Nr=null,Or=!1,Fr=!1;function Kr(e){null===Nr?Nr=[e]:Nr.push(e)}function Ur(){if(!Fr&&null!==Nr){Fr=!0;var e=0,n=yn;try{var t=Nr;for(yn=1;e>=o,r-=o,Qr=1<<32-ln(n)+r|t<m?(h=d,d=null):h=d.sibling;var b=g(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&n(r,d),a=o(b,a,m),null===c?u=b:c.sibling=b,c=b,d=h}if(m===l.length)return t(r,d),ra&&Xr(r,m),u;if(null===d){for(;mh?(b=m,m=null):b=m.sibling;var v=g(r,m,w.value,u);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&n(r,m),l=o(v,l,h),null===d?c=v:d.sibling=v,d=v,m=b}if(w.done)return t(r,m),ra&&Xr(r,h),c;if(null===m){for(;!w.done;h++,w=s.next())null!==(w=p(r,w.value,u))&&(l=o(w,l,h),null===d?c=w:d.sibling=w,d=w);return ra&&Xr(r,h),c}for(m=i(r,m);!w.done;h++,w=s.next())null!==(w=f(m,r,h,w.value,u))&&(e&&null!==w.alternate&&m.delete(null===w.key?h:w.key),l=o(w,l,h),null===d?c=w:d.sibling=w,d=w);return e&&m.forEach((function(e){return n(r,e)})),ra&&Xr(r,h),c}return function e(i,a,o,s){if("object"==typeof o&&null!==o&&o.type===x&&null===o.key&&(o=o.props.children),"object"==typeof o&&null!==o){switch(o.$$typeof){case k:e:{for(var u=o.key,c=a;null!==c;){if(c.key===u){if((u=o.type)===x){if(7===c.tag){t(i,c.sibling),(a=r(c,o.props.children)).return=i,i=a;break e}}else if(c.elementType===u||"object"==typeof u&&null!==u&&u.$$typeof===z&&Ha(u)===c.type){t(i,c.sibling),(a=r(c,o.props)).ref=$a(i,c,o),a.return=i,i=a;break e}t(i,c);break}n(i,c),c=c.sibling}o.type===x?((a=Mu(o.props.children,i.mode,s,o.key)).return=i,i=a):((s=Bu(o.type,o.key,o.props,null,i.mode,s)).ref=$a(i,a,o),s.return=i,i=s)}return l(i);case S:e:{for(c=o.key;null!==a;){if(a.key===c){if(4===a.tag&&a.stateNode.containerInfo===o.containerInfo&&a.stateNode.implementation===o.implementation){t(i,a.sibling),(a=r(a,o.children||[])).return=i,i=a;break e}t(i,a);break}n(i,a),a=a.sibling}(a=Ou(o,i.mode,s)).return=i,i=a}return l(i);case z:return e(i,a,(c=o._init)(o._payload),s)}if(ne(o))return m(i,a,o,s);if(B(o))return h(i,a,o,s);Ga(i,o)}return"string"==typeof o&&""!==o||"number"==typeof o?(o=""+o,null!==a&&6===a.tag?(t(i,a.sibling),(a=r(a,o)).return=i,i=a):(t(i,a),(a=Nu(o,i.mode,s)).return=i,i=a),l(i)):t(i,a)}}var Qa=Wa(!0),Ya=Wa(!1),Xa={},Ja=_r(Xa),eo=_r(Xa),no=_r(Xa);function to(e){if(e===Xa)throw Error(a(174));return e}function io(e,n){switch(Lr(no,n),Lr(eo,e),Lr(Ja,Xa),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:se(null,"");break;default:n=se(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Dr(Ja),Lr(Ja,n)}function ro(){Dr(Ja),Dr(eo),Dr(no)}function ao(e){to(no.current);var n=to(Ja.current),t=se(n,e.type);n!==t&&(Lr(eo,e),Lr(Ja,t))}function oo(e){eo.current===e&&(Dr(Ja),Dr(eo))}var lo=_r(0);function so(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!=(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var uo=[];function co(){for(var e=0;et?t:4,e(!0);var i=go.transition;go.transition={};try{e(!1),n()}finally{yn=t,go.transition=i}}function el(){return Ao().memoizedState}function nl(e,n,t){var i=tu(e);if(t={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null},il(e))rl(n,t);else if(null!==(t=Ca(e,n,t,i))){iu(t,e,i,nu()),al(t,n,i)}}function tl(e,n,t){var i=tu(e),r={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null};if(il(e))rl(n,r);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var o=n.lastRenderedState,l=a(o,t);if(r.hasEagerState=!0,r.eagerState=l,li(l,o)){var s=n.interleaved;return null===s?(r.next=r,Aa(n)):(r.next=s.next,s.next=r),void(n.interleaved=r)}}catch(u){}null!==(t=Ca(e,n,r,i))&&(iu(t,e,i,r=nu()),al(t,n,i))}}function il(e){var n=e.alternate;return e===mo||null!==n&&n===mo}function rl(e,n){vo=wo=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function al(e,n,t){if(0!=(4194240&t)){var i=n.lanes;t|=i&=e.pendingLanes,n.lanes=t,vn(e,t)}}var ol={readContext:Da,useCallback:So,useContext:So,useEffect:So,useImperativeHandle:So,useInsertionEffect:So,useLayoutEffect:So,useMemo:So,useReducer:So,useRef:So,useState:So,useDebugValue:So,useDeferredValue:So,useTransition:So,useMutableSource:So,useSyncExternalStore:So,useId:So,unstable_isNewReconciler:!1},ll={readContext:Da,useCallback:function(e,n){return Lo().memoizedState=[e,void 0===n?null:n],e},useContext:Da,useEffect:Vo,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Ko(4194308,4,Go.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Ko(4194308,4,e,n)},useInsertionEffect:function(e,n){return Ko(4,2,e,n)},useMemo:function(e,n){var t=Lo();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var i=Lo();return n=void 0!==t?t(n):n,i.memoizedState=i.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},i.queue=e,e=e.dispatch=nl.bind(null,mo,e),[i.memoizedState,e]},useRef:function(e){return e={current:e},Lo().memoizedState=e},useState:No,useDebugValue:Wo,useDeferredValue:function(e){return Lo().memoizedState=e},useTransition:function(){var e=No(!1),n=e[0];return e=Jo.bind(null,e[1]),Lo().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var i=mo,r=Lo();if(ra){if(void 0===t)throw Error(a(407));t=t()}else{if(t=n(),null===Ps)throw Error(a(349));0!=(30&fo)||To(i,n,t)}r.memoizedState=t;var o={value:t,getSnapshot:n};return r.queue=o,Vo(Bo.bind(null,i,o,e),[e]),i.flags|=2048,Oo(9,jo.bind(null,i,o,t,n),void 0,null),t},useId:function(){var e=Lo(),n=Ps.identifierPrefix;if(ra){var t=Yr;n=":"+n+"R"+(t=(Qr&~(1<<32-ln(Qr)-1)).toString(32)+t),0<(t=yo++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=ko++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},sl={readContext:Da,useCallback:Qo,useContext:Da,useEffect:Zo,useImperativeHandle:Ho,useInsertionEffect:qo,useLayoutEffect:$o,useMemo:Yo,useReducer:Eo,useRef:Fo,useState:function(){return Eo(Co)},useDebugValue:Wo,useDeferredValue:function(e){return Xo(Ao(),ho.memoizedState,e)},useTransition:function(){return[Eo(Co)[0],Ao().memoizedState]},useMutableSource:Io,useSyncExternalStore:zo,useId:el,unstable_isNewReconciler:!1},ul={readContext:Da,useCallback:Qo,useContext:Da,useEffect:Zo,useImperativeHandle:Ho,useInsertionEffect:qo,useLayoutEffect:$o,useMemo:Yo,useReducer:Po,useRef:Fo,useState:function(){return Po(Co)},useDebugValue:Wo,useDeferredValue:function(e){var n=Ao();return null===ho?n.memoizedState=e:Xo(n,ho.memoizedState,e)},useTransition:function(){return[Po(Co)[0],Ao().memoizedState]},useMutableSource:Io,useSyncExternalStore:zo,useId:el,unstable_isNewReconciler:!1};function cl(e,n){try{var t="",i=n;do{t+=K(i),i=i.return}while(i);var r=t}catch(a){r="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:n,stack:r,digest:null}}function dl(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function pl(e,n){try{console.error(n.value)}catch(t){setTimeout((function(){throw t}))}}var gl="function"==typeof WeakMap?WeakMap:Map;function fl(e,n,t){(t=Ta(-1,t)).tag=3,t.payload={element:null};var i=n.value;return t.callback=function(){qs||(qs=!0,$s=i),pl(0,n)},t}function ml(e,n,t){(t=Ta(-1,t)).tag=3;var i=e.type.getDerivedStateFromError;if("function"==typeof i){var r=n.value;t.payload=function(){return i(r)},t.callback=function(){pl(0,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(t.callback=function(){pl(0,n),"function"!=typeof i&&(null===Gs?Gs=new Set([this]):Gs.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function hl(e,n,t){var i=e.pingCache;if(null===i){i=e.pingCache=new gl;var r=new Set;i.set(n,r)}else void 0===(r=i.get(n))&&(r=new Set,i.set(n,r));r.has(t)||(r.add(t),e=Lu.bind(null,e,n,t),n.then(e,e))}function bl(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function wl(e,n,t,i,r){return 0==(1&e.mode)?(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Ta(-1,1)).tag=2,ja(t,n,1))),t.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=y.ReactCurrentOwner,yl=!1;function kl(e,n,t,i){n.child=null===e?Ya(n,null,t,i):Qa(n,e.child,t,i)}function Sl(e,n,t,i,r){t=t.render;var a=n.ref;return _a(n,r),i=_o(e,n,t,i,a,r),t=Do(),null===e||yl?(ra&&t&&ea(n),n.flags|=1,kl(e,n,i,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,ql(e,n,r))}function xl(e,n,t,i,r){if(null===e){var a=t.type;return"function"!=typeof a||Tu(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Bu(t.type,null,i,n,n.mode,r)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,_l(e,n,a,i,r))}if(a=e.child,0==(e.lanes&r)){var o=a.memoizedProps;if((t=null!==(t=t.compare)?t:si)(o,i)&&e.ref===n.ref)return ql(e,n,r)}return n.flags|=1,(e=ju(a,i)).ref=n.ref,e.return=n,n.child=e}function _l(e,n,t,i,r){if(null!==e){var a=e.memoizedProps;if(si(a,i)&&e.ref===n.ref){if(yl=!1,n.pendingProps=i=a,0==(e.lanes&r))return n.lanes=e.lanes,ql(e,n,r);0!=(131072&e.flags)&&(yl=!0)}}return Al(e,n,t,i,r)}function Dl(e,n,t){var i=n.pendingProps,r=i.children,a=null!==e?e.memoizedState:null;if("hidden"===i.mode)if(0==(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Lr(js,Ts),Ts|=t;else{if(0==(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Lr(js,Ts),Ts|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},i=null!==a?a.baseLanes:t,Lr(js,Ts),Ts|=i}else null!==a?(i=a.baseLanes|t,n.memoizedState=null):i=t,Lr(js,Ts),Ts|=i;return kl(e,n,r,t),n.child}function Ll(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Al(e,n,t,i,r){var a=zr(t)?Pr:Cr.current;return a=Ir(n,a),_a(n,r),t=_o(e,n,t,i,a,r),i=Do(),null===e||yl?(ra&&i&&ea(n),n.flags|=1,kl(e,n,t,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,ql(e,n,r))}function Cl(e,n,t,i,r){if(zr(t)){var a=!0;Mr(n)}else a=!1;if(_a(n,r),null===n.stateNode)Zl(e,n),Va(n,t,i),qa(n,t,i,r),i=!0;else if(null===e){var o=n.stateNode,l=n.memoizedProps;o.props=l;var s=o.context,u=t.contextType;"object"==typeof u&&null!==u?u=Da(u):u=Ir(n,u=zr(t)?Pr:Cr.current);var c=t.getDerivedStateFromProps,d="function"==typeof c||"function"==typeof o.getSnapshotBeforeUpdate;d||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(l!==i||s!==u)&&Za(n,o,i,u),Pa=!1;var p=n.memoizedState;o.state=p,Ra(n,i,o,r),s=n.memoizedState,l!==i||p!==s||Er.current||Pa?("function"==typeof c&&(Fa(n,t,c,i),s=n.memoizedState),(l=Pa||Ua(n,t,l,i,p,s,u))?(d||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||("function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"==typeof o.componentDidMount&&(n.flags|=4194308)):("function"==typeof o.componentDidMount&&(n.flags|=4194308),n.memoizedProps=i,n.memoizedState=s),o.props=i,o.state=s,o.context=u,i=l):("function"==typeof o.componentDidMount&&(n.flags|=4194308),i=!1)}else{o=n.stateNode,za(e,n),l=n.memoizedProps,u=n.type===n.elementType?l:ha(n.type,l),o.props=u,d=n.pendingProps,p=o.context,"object"==typeof(s=t.contextType)&&null!==s?s=Da(s):s=Ir(n,s=zr(t)?Pr:Cr.current);var g=t.getDerivedStateFromProps;(c="function"==typeof g||"function"==typeof o.getSnapshotBeforeUpdate)||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(l!==d||p!==s)&&Za(n,o,i,s),Pa=!1,p=n.memoizedState,o.state=p,Ra(n,i,o,r);var f=n.memoizedState;l!==d||p!==f||Er.current||Pa?("function"==typeof g&&(Fa(n,t,g,i),f=n.memoizedState),(u=Pa||Ua(n,t,u,i,p,f,s)||!1)?(c||"function"!=typeof o.UNSAFE_componentWillUpdate&&"function"!=typeof o.componentWillUpdate||("function"==typeof o.componentWillUpdate&&o.componentWillUpdate(i,f,s),"function"==typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(i,f,s)),"function"==typeof o.componentDidUpdate&&(n.flags|=4),"function"==typeof o.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof o.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),n.memoizedProps=i,n.memoizedState=f),o.props=i,o.state=f,o.context=s,i=u):("function"!=typeof o.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),i=!1)}return El(e,n,t,i,a,r)}function El(e,n,t,i,r,a){Ll(e,n);var o=0!=(128&n.flags);if(!i&&!o)return r&&Rr(n,t,!1),ql(e,n,a);i=n.stateNode,vl.current=n;var l=o&&"function"!=typeof t.getDerivedStateFromError?null:i.render();return n.flags|=1,null!==e&&o?(n.child=Qa(n,e.child,null,a),n.child=Qa(n,null,l,a)):kl(e,n,l,a),n.memoizedState=i.state,r&&Rr(n,t,!0),n.child}function Pl(e){var n=e.stateNode;n.pendingContext?jr(0,n.pendingContext,n.pendingContext!==n.context):n.context&&jr(0,n.context,!1),io(e,n.containerInfo)}function Il(e,n,t,i,r){return ga(),fa(r),n.flags|=256,kl(e,n,t,i),n.child}var zl,Tl,jl,Bl,Ml={dehydrated:null,treeContext:null,retryLane:0};function Rl(e){return{baseLanes:e,cachePool:null,transitions:null}}function Nl(e,n,t){var i,r=n.pendingProps,o=lo.current,l=!1,s=0!=(128&n.flags);if((i=s)||(i=(null===e||null!==e.memoizedState)&&0!=(2&o)),i?(l=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(o|=1),Lr(lo,1&o),null===e)return ua(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&n.mode)?n.lanes=1:"$!"===e.data?n.lanes=8:n.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=n.mode,l=n.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Ru(s,r,0,null),e=Mu(e,r,t,null),l.return=n,e.return=n,l.sibling=e,n.child=l,n.child.memoizedState=Rl(t),n.memoizedState=Ml,e):Ol(n,s));if(null!==(o=e.memoizedState)&&null!==(i=o.dehydrated))return function(e,n,t,i,r,o,l){if(t)return 256&n.flags?(n.flags&=-257,Fl(e,n,l,i=dl(Error(a(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(o=i.fallback,r=n.mode,i=Ru({mode:"visible",children:i.children},r,0,null),(o=Mu(o,r,l,null)).flags|=2,i.return=n,o.return=n,i.sibling=o,n.child=i,0!=(1&n.mode)&&Qa(n,e.child,null,l),n.child.memoizedState=Rl(l),n.memoizedState=Ml,o);if(0==(1&n.mode))return Fl(e,n,l,null);if("$!"===r.data){if(i=r.nextSibling&&r.nextSibling.dataset)var s=i.dgst;return i=s,Fl(e,n,l,i=dl(o=Error(a(419)),i,void 0))}if(s=0!=(l&e.childLanes),yl||s){if(null!==(i=Ps)){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&(i.suspendedLanes|l))?0:r)&&r!==o.retryLane&&(o.retryLane=r,Ea(e,r),iu(i,e,r,-1))}return hu(),Fl(e,n,l,i=dl(Error(a(421))))}return"$?"===r.data?(n.flags|=128,n.child=e.child,n=Cu.bind(null,e),r._reactRetry=n,null):(e=o.treeContext,ia=ur(r.nextSibling),ta=n,ra=!0,aa=null,null!==e&&(Gr[Hr++]=Qr,Gr[Hr++]=Yr,Gr[Hr++]=Wr,Qr=e.id,Yr=e.overflow,Wr=n),n=Ol(n,i.children),n.flags|=4096,n)}(e,n,s,r,i,o,t);if(l){l=r.fallback,s=n.mode,i=(o=e.child).sibling;var u={mode:"hidden",children:r.children};return 0==(1&s)&&n.child!==o?((r=n.child).childLanes=0,r.pendingProps=u,n.deletions=null):(r=ju(o,u)).subtreeFlags=14680064&o.subtreeFlags,null!==i?l=ju(i,l):(l=Mu(l,s,t,null)).flags|=2,l.return=n,r.return=n,r.sibling=l,n.child=r,r=l,l=n.child,s=null===(s=e.child.memoizedState)?Rl(t):{baseLanes:s.baseLanes|t,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~t,n.memoizedState=Ml,r}return e=(l=e.child).sibling,r=ju(l,{mode:"visible",children:r.children}),0==(1&n.mode)&&(r.lanes=t),r.return=n,r.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=r,n.memoizedState=null,r}function Ol(e,n){return(n=Ru({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Fl(e,n,t,i){return null!==i&&fa(i),Qa(n,e.child,null,t),(e=Ol(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Kl(e,n,t){e.lanes|=n;var i=e.alternate;null!==i&&(i.lanes|=n),xa(e.return,n,t)}function Ul(e,n,t,i,r){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:i,tail:t,tailMode:r}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=i,a.tail=t,a.tailMode=r)}function Vl(e,n,t){var i=n.pendingProps,r=i.revealOrder,a=i.tail;if(kl(e,n,i.children,t),0!=(2&(i=lo.current)))i=1&i|2,n.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Kl(e,t,n);else if(19===e.tag)Kl(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}i&=1}if(Lr(lo,i),0==(1&n.mode))n.memoizedState=null;else switch(r){case"forwards":for(t=n.child,r=null;null!==t;)null!==(e=t.alternate)&&null===so(e)&&(r=t),t=t.sibling;null===(t=r)?(r=n.child,n.child=null):(r=t.sibling,t.sibling=null),Ul(n,!1,r,t,a);break;case"backwards":for(t=null,r=n.child,n.child=null;null!==r;){if(null!==(e=r.alternate)&&null===so(e)){n.child=r;break}e=r.sibling,r.sibling=t,t=r,r=e}Ul(n,!0,t,null,a);break;case"together":Ul(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function Zl(e,n){0==(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function ql(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Rs|=n.lanes,0==(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(t=ju(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=ju(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function $l(e,n){if(!ra)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var i=null;null!==t;)null!==t.alternate&&(i=t),t=t.sibling;null===i?n||null===e.tail?e.tail=null:e.tail.sibling=null:i.sibling=null}}function Gl(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,i=0;if(n)for(var r=e.child;null!==r;)t|=r.lanes|r.childLanes,i|=14680064&r.subtreeFlags,i|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)t|=r.lanes|r.childLanes,i|=r.subtreeFlags,i|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=i,e.childLanes=t,n}function Hl(e,n,t){var i=n.pendingProps;switch(na(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gl(n),null;case 1:case 17:return zr(n.type)&&Tr(),Gl(n),null;case 3:return i=n.stateNode,ro(),Dr(Er),Dr(Cr),co(),i.pendingContext&&(i.context=i.pendingContext,i.pendingContext=null),null!==e&&null!==e.child||(da(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&n.flags)||(n.flags|=1024,null!==aa&&(lu(aa),aa=null))),Tl(e,n),Gl(n),null;case 5:oo(n);var r=to(no.current);if(t=n.type,null!==e&&null!=n.stateNode)jl(e,n,t,i,r),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!i){if(null===n.stateNode)throw Error(a(166));return Gl(n),null}if(e=to(Ja.current),da(n)){i=n.stateNode,t=n.type;var o=n.memoizedProps;switch(i[pr]=n,i[gr]=o,e=0!=(1&n.mode),t){case"dialog":Oi("cancel",i),Oi("close",i);break;case"iframe":case"object":case"embed":Oi("load",i);break;case"video":case"audio":for(r=0;r<\/script>",e=e.removeChild(e.firstChild)):"string"==typeof i.is?e=s.createElement(t,{is:i.is}):(e=s.createElement(t),"select"===t&&(s=e,i.multiple?s.multiple=!0:i.size&&(s.size=i.size))):e=s.createElementNS(e,t),e[pr]=n,e[gr]=i,zl(e,n,!1,!1),n.stateNode=e;e:{switch(s=ve(t,i),t){case"dialog":Oi("cancel",e),Oi("close",e),r=i;break;case"iframe":case"object":case"embed":Oi("load",e),r=i;break;case"video":case"audio":for(r=0;rVs&&(n.flags|=128,i=!0,$l(o,!1),n.lanes=4194304)}else{if(!i)if(null!==(e=so(s))){if(n.flags|=128,i=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),$l(o,!0),null===o.tail&&"hidden"===o.tailMode&&!s.alternate&&!ra)return Gl(n),null}else 2*Ye()-o.renderingStartTime>Vs&&1073741824!==t&&(n.flags|=128,i=!0,$l(o,!1),n.lanes=4194304);o.isBackwards?(s.sibling=n.child,n.child=s):(null!==(t=o.last)?t.sibling=s:n.child=s,o.last=s)}return null!==o.tail?(n=o.tail,o.rendering=n,o.tail=n.sibling,o.renderingStartTime=Ye(),n.sibling=null,t=lo.current,Lr(lo,i?1&t|2:1&t),n):(Gl(n),null);case 22:case 23:return pu(),i=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==i&&(n.flags|=8192),i&&0!=(1&n.mode)?0!=(1073741824&Ts)&&(Gl(n),6&n.subtreeFlags&&(n.flags|=8192)):Gl(n),null;case 24:case 25:return null}throw Error(a(156,n.tag))}function Wl(e,n){switch(na(n),n.tag){case 1:return zr(n.type)&&Tr(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return ro(),Dr(Er),Dr(Cr),co(),0!=(65536&(e=n.flags))&&0==(128&e)?(n.flags=-65537&e|128,n):null;case 5:return oo(n),null;case 13:if(Dr(lo),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(a(340));ga()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Dr(lo),null;case 4:return ro(),null;case 10:return Sa(n.type._context),null;case 22:case 23:return pu(),null;default:return null}}zl=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Tl=function(){},jl=function(e,n,t,i){var r=e.memoizedProps;if(r!==i){e=n.stateNode,to(Ja.current);var a,o=null;switch(t){case"input":r=W(e,r),i=W(e,i),o=[];break;case"select":r=R({},r,{value:void 0}),i=R({},i,{value:void 0}),o=[];break;case"textarea":r=ie(e,r),i=ie(e,i),o=[];break;default:"function"!=typeof r.onClick&&"function"==typeof i.onClick&&(e.onclick=Ji)}for(c in we(t,i),t=null,r)if(!i.hasOwnProperty(c)&&r.hasOwnProperty(c)&&null!=r[c])if("style"===c){var s=r[c];for(a in s)s.hasOwnProperty(a)&&(t||(t={}),t[a]="")}else"dangerouslySetInnerHTML"!==c&&"children"!==c&&"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(l.hasOwnProperty(c)?o||(o=[]):(o=o||[]).push(c,null));for(c in i){var u=i[c];if(s=null!=r?r[c]:void 0,i.hasOwnProperty(c)&&u!==s&&(null!=u||null!=s))if("style"===c)if(s){for(a in s)!s.hasOwnProperty(a)||u&&u.hasOwnProperty(a)||(t||(t={}),t[a]="");for(a in u)u.hasOwnProperty(a)&&s[a]!==u[a]&&(t||(t={}),t[a]=u[a])}else t||(o||(o=[]),o.push(c,t)),t=u;else"dangerouslySetInnerHTML"===c?(u=u?u.__html:void 0,s=s?s.__html:void 0,null!=u&&s!==u&&(o=o||[]).push(c,u)):"children"===c?"string"!=typeof u&&"number"!=typeof u||(o=o||[]).push(c,""+u):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&(l.hasOwnProperty(c)?(null!=u&&"onScroll"===c&&Oi("scroll",e),o||s===u||(o=[])):(o=o||[]).push(c,u))}t&&(o=o||[]).push("style",t);var c=o;(n.updateQueue=c)&&(n.flags|=4)}},Bl=function(e,n,t,i){t!==i&&(n.flags|=4)};var Ql=!1,Yl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(i){Du(e,n,i)}else t.current=null}function ns(e,n,t){try{t()}catch(i){Du(e,n,i)}}var ts=!1;function is(e,n,t){var i=n.updateQueue;if(null!==(i=null!==i?i.lastEffect:null)){var r=i=i.next;do{if((r.tag&e)===e){var a=r.destroy;r.destroy=void 0,void 0!==a&&ns(n,t,a)}r=r.next}while(r!==i)}}function rs(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var i=t.create;t.destroy=i()}t=t.next}while(t!==n)}}function as(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function os(e){var n=e.alternate;null!==n&&(e.alternate=null,os(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(n=e.stateNode)&&(delete n[pr],delete n[gr],delete n[mr],delete n[hr],delete n[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 us(e,n,t){var i=e.tag;if(5===i||6===i)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=Ji));else if(4!==i&&null!==(e=e.child))for(us(e,n,t),e=e.sibling;null!==e;)us(e,n,t),e=e.sibling}function cs(e,n,t){var i=e.tag;if(5===i||6===i)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==i&&null!==(e=e.child))for(cs(e,n,t),e=e.sibling;null!==e;)cs(e,n,t),e=e.sibling}var ds=null,ps=!1;function gs(e,n,t){for(t=t.child;null!==t;)fs(e,n,t),t=t.sibling}function fs(e,n,t){if(on&&"function"==typeof on.onCommitFiberUnmount)try{on.onCommitFiberUnmount(an,t)}catch(l){}switch(t.tag){case 5:Yl||es(t,n);case 6:var i=ds,r=ps;ds=null,gs(e,n,t),ps=r,null!==(ds=i)&&(ps?(e=ds,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):ds.removeChild(t.stateNode));break;case 18:null!==ds&&(ps?(e=ds,t=t.stateNode,8===e.nodeType?sr(e.parentNode,t):1===e.nodeType&&sr(e,t),Vn(e)):sr(ds,t.stateNode));break;case 4:i=ds,r=ps,ds=t.stateNode.containerInfo,ps=!0,gs(e,n,t),ds=i,ps=r;break;case 0:case 11:case 14:case 15:if(!Yl&&(null!==(i=t.updateQueue)&&null!==(i=i.lastEffect))){r=i=i.next;do{var a=r,o=a.destroy;a=a.tag,void 0!==o&&(0!=(2&a)||0!=(4&a))&&ns(t,n,o),r=r.next}while(r!==i)}gs(e,n,t);break;case 1:if(!Yl&&(es(t,n),"function"==typeof(i=t.stateNode).componentWillUnmount))try{i.props=t.memoizedProps,i.state=t.memoizedState,i.componentWillUnmount()}catch(l){Du(t,n,l)}gs(e,n,t);break;case 21:gs(e,n,t);break;case 22:1&t.mode?(Yl=(i=Yl)||null!==t.memoizedState,gs(e,n,t),Yl=i):gs(e,n,t);break;default:gs(e,n,t)}}function ms(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Xl),n.forEach((function(n){var i=Eu.bind(null,e,n);t.has(n)||(t.add(n),n.then(i,i))}))}}function hs(e,n){var t=n.deletions;if(null!==t)for(var i=0;ir&&(r=l),i&=~o}if(i=r,10<(i=(120>(i=Ye()-i)?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Ds(i/1960))-i)){e.timeoutHandle=ir(Su.bind(null,e,Ks,Zs),i);break}Su(e,Ks,Zs);break;default:throw Error(a(329))}}}return ru(e,Ye()),e.callbackNode===t?au.bind(null,e):null}function ou(e,n){var t=Fs;return e.current.memoizedState.isDehydrated&&(gu(e,n).flags|=256),2!==(e=bu(e,n))&&(n=Ks,Ks=t,null!==n&&lu(n)),e}function lu(e){null===Ks?Ks=e:Ks.push.apply(Ks,e)}function su(e,n){for(n&=~Os,n&=~Ns,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0e?16:e,null===Ws)var i=!1;else{if(e=Ws,Ws=null,Qs=0,0!=(6&Es))throw Error(a(331));var r=Es;for(Es|=4,Jl=e.current;null!==Jl;){var o=Jl,l=o.child;if(0!=(16&Jl.flags)){var s=o.deletions;if(null!==s){for(var u=0;uYe()-Us?gu(e,0):Os|=t),ru(e,n)}function Au(e,n){0===n&&(0==(1&e.mode)?n=1:(n=dn,0==(130023424&(dn<<=1))&&(dn=4194304)));var t=nu();null!==(e=Ea(e,n))&&(wn(e,n,t),ru(e,t))}function Cu(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Au(e,t)}function Eu(e,n){var t=0;switch(e.tag){case 13:var i=e.stateNode,r=e.memoizedState;null!==r&&(t=r.retryLane);break;case 19:i=e.stateNode;break;default:throw Error(a(314))}null!==i&&i.delete(n),Au(e,t)}function Pu(e,n){return Ge(e,n)}function Iu(e,n,t,i){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function zu(e,n,t,i){return new Iu(e,n,t,i)}function Tu(e){return!(!(e=e.prototype)||!e.isReactComponent)}function ju(e,n){var t=e.alternate;return null===t?((t=zu(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Bu(e,n,t,i,r,o){var l=2;if(i=e,"function"==typeof e)Tu(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case x:return Mu(t.children,r,o,n);case _:l=8,r|=8;break;case D:return(e=zu(12,t,n,2|r)).elementType=D,e.lanes=o,e;case E:return(e=zu(13,t,n,r)).elementType=E,e.lanes=o,e;case P:return(e=zu(19,t,n,r)).elementType=P,e.lanes=o,e;case T:return Ru(t,r,o,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case L:l=10;break e;case A:l=9;break e;case C:l=11;break e;case I:l=14;break e;case z:l=16,i=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(n=zu(l,t,n,r)).elementType=e,n.type=i,n.lanes=o,n}function Mu(e,n,t,i){return(e=zu(7,e,i,n)).lanes=t,e}function Ru(e,n,t,i){return(e=zu(22,e,i,n)).elementType=T,e.lanes=t,e.stateNode={isHidden:!1},e}function Nu(e,n,t){return(e=zu(6,e,null,n)).lanes=t,e}function Ou(e,n,t){return(n=zu(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function Fu(e,n,t,i,r){this.tag=n,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=bn(0),this.expirationTimes=bn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=bn(0),this.identifierPrefix=i,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Ku(e,n,t,i,r,a,o,l,s){return e=new Fu(e,n,t,l,s),1===n?(n=1,!0===a&&(n|=8)):n=0,a=zu(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:i,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ia(a),e}function Uu(e){if(!e)return Ar;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(zr(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(a(171))}if(1===e.tag){var t=e.type;if(zr(t))return Br(e,t,n)}return n}function Vu(e,n,t,i,r,a,o,l,s){return(e=Ku(t,i,!0,e,0,a,0,l,s)).context=Uu(null),t=e.current,(a=Ta(i=nu(),r=tu(t))).callback=null!=n?n:null,ja(t,a,r),e.current.lanes=r,wn(e,r,i),ru(e,i),e}function Zu(e,n,t,i){var r=n.current,a=nu(),o=tu(r);return t=Uu(t),null===n.context?n.context=t:n.pendingContext=t,(n=Ta(a,o)).payload={element:e},null!==(i=void 0===i?null:i)&&(n.callback=i),null!==(e=ja(r,n,o))&&(iu(e,r,o,a),Ba(e,r,o)),o}function qu(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function $u(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t{"use strict";var i=t(422);n.createRoot=i.createRoot,n.hydrateRoot=i.hydrateRoot},422:(e,n,t)=>{"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(n){console.error(n)}}(),e.exports=t(3746)},5154:e=>{var n="undefined"!=typeof Element,t="function"==typeof Map,i="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,o){if(e===o)return!0;if(e&&o&&"object"==typeof e&&"object"==typeof o){if(e.constructor!==o.constructor)return!1;var l,s,u,c;if(Array.isArray(e)){if((l=e.length)!=o.length)return!1;for(s=l;0!=s--;)if(!a(e[s],o[s]))return!1;return!0}if(t&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!o.has(s.value[0]))return!1;for(c=e.entries();!(s=c.next()).done;)if(!a(s.value[1],o.get(s.value[0])))return!1;return!0}if(i&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!o.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if((l=e.length)!=o.length)return!1;for(s=l;0!=s--;)if(e[s]!==o[s])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof o.valueOf)return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof o.toString)return e.toString()===o.toString();if((l=(u=Object.keys(e)).length)!==Object.keys(o).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(o,u[s]))return!1;if(n&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==u[s]&&"__v"!==u[s]&&"__o"!==u[s]||!e.$$typeof)&&!a(e[u[s]],o[u[s]]))return!1;return!0}return e!=e&&o!=o}e.exports=function(e,n){try{return a(e,n)}catch(t){if((t.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw t}}},387:(e,n,t)=>{"use strict";t.d(n,{B6:()=>q,ql:()=>J});var i=t(959),r=t(507),a=t.n(r),o=t(5154),l=t.n(o),s=t(3670),u=t.n(s),c=t(631),d=t.n(c);function p(){return p=Object.assign||function(e){for(var n=1;n=0||(r[t]=e[t]);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"]},w={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"]},y=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"},S=Object.keys(k).reduce((function(e,n){return e[k[n]]=n,e}),{}),x=function(e,n){for(var t=e.length-1;t>=0;t-=1){var i=e[t];if(Object.prototype.hasOwnProperty.call(i,n))return i[n]}return null},_=function(e){var n=x(e,h.TITLE),t=x(e,"titleTemplate");if(Array.isArray(n)&&(n=n.join("")),t&&n)return t.replace(/%s/g,(function(){return n}));var i=x(e,"defaultTitle");return n||i||void 0},D=function(e){return x(e,"onChangeClientState")||function(){}},L=function(e,n){return n.filter((function(n){return void 0!==n[e]})).map((function(n){return n[e]})).reduce((function(e,n){return p({},e,n)}),{})},A=function(e,n){return n.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(n,t){if(!n.length)for(var i=Object.keys(t),r=0;r/g,">").replace(/"/g,""").replace(/'/g,"'")},B=function(e){return Object.keys(e).reduce((function(n,t){var i=void 0!==e[t]?t+'="'+e[t]+'"':""+t;return n?n+" "+i:i}),"")},M=function(e,n){return void 0===n&&(n={}),Object.keys(e).reduce((function(n,t){return n[k[t]||t]=e[t],n}),n)},R=function(e,n){return n.map((function(n,t){var r,a=((r={key:t})["data-rh"]=!0,r);return Object.keys(n).forEach((function(e){var t=k[e]||e;"innerHTML"===t||"cssText"===t?a.dangerouslySetInnerHTML={__html:n.innerHTML||n.cssText}:a[t]=n[e]})),i.createElement(e,a)}))},N=function(e,n,t){switch(e){case h.TITLE:return{toComponent:function(){return t=n.titleAttributes,(r={key:e=n.title})["data-rh"]=!0,a=M(t,r),[i.createElement(h.TITLE,a,e)];var e,t,r,a},toString:function(){return function(e,n,t,i){var r=B(t),a=P(n);return r?"<"+e+' data-rh="true" '+r+">"+j(a,i)+""+e+">":"<"+e+' data-rh="true">'+j(a,i)+""+e+">"}(e,n.title,n.titleAttributes,t)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return M(n)},toString:function(){return B(n)}};default:return{toComponent:function(){return R(e,n)},toString:function(){return function(e,n,t){return n.reduce((function(n,i){var r=Object.keys(i).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,n){var r=void 0===i[n]?n:n+'="'+j(i[n],t)+'"';return e?e+" "+r:r}),""),a=i.innerHTML||i.cssText||"",o=-1===T.indexOf(e);return n+"<"+e+' data-rh="true" '+r+(o?"/>":">"+a+""+e+">")}),"")}(e,n,t)}}}},O=function(e){var n=e.baseTag,t=e.bodyAttributes,i=e.encode,r=e.htmlAttributes,a=e.noscriptTags,o=e.styleTags,l=e.title,s=void 0===l?"":l,u=e.titleAttributes,c=e.linkTags,d=e.metaTags,p=e.scriptTags,g={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var f=function(e){var n=e.linkTags,t=e.scriptTags,i=e.encode,r=I(e.metaTags,v),a=I(n,b),o=I(t,w);return{priorityMethods:{toComponent:function(){return[].concat(R(h.META,r.priority),R(h.LINK,a.priority),R(h.SCRIPT,o.priority))},toString:function(){return N(h.META,r.priority,i)+" "+N(h.LINK,a.priority,i)+" "+N(h.SCRIPT,o.priority,i)}},metaTags:r.default,linkTags:a.default,scriptTags:o.default}}(e);g=f.priorityMethods,c=f.linkTags,d=f.metaTags,p=f.scriptTags}return{priority:g,base:N(h.BASE,n,i),bodyAttributes:N("bodyAttributes",t,i),htmlAttributes:N("htmlAttributes",r,i),link:N(h.LINK,c,i),meta:N(h.META,d,i),noscript:N(h.NOSCRIPT,a,i),script:N(h.SCRIPT,p,i),style:N(h.STYLE,o,i),title:N(h.TITLE,{title:s,titleAttributes:u},i)}},F=[],K=function(e,n){var t=this;void 0===n&&(n="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){t.context.helmet=e},helmetInstances:{get:function(){return t.canUseDOM?F:t.instances},add:function(e){(t.canUseDOM?F:t.instances).push(e)},remove:function(e){var n=(t.canUseDOM?F:t.instances).indexOf(e);(t.canUseDOM?F:t.instances).splice(n,1)}}},this.context=e,this.canUseDOM=n,n||(e.helmet=O({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=i.createContext({}),V=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),Z="undefined"!=typeof document,q=function(e){function n(t){var i;return(i=e.call(this,t)||this).helmetData=new K(i.props.context,n.canUseDOM),i}return g(n,e),n.prototype.render=function(){return i.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},n}(i.Component);q.canUseDOM=Z,q.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var $=function(e,n){var t,i=document.head||document.querySelector(h.HEAD),r=i.querySelectorAll(e+"[data-rh]"),a=[].slice.call(r),o=[];return n&&n.length&&n.forEach((function(n){var i=document.createElement(e);for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&("innerHTML"===r?i.innerHTML=n.innerHTML:"cssText"===r?i.styleSheet?i.styleSheet.cssText=n.cssText:i.appendChild(document.createTextNode(n.cssText)):i.setAttribute(r,void 0===n[r]?"":n[r]));i.setAttribute("data-rh","true"),a.some((function(e,n){return t=n,i.isEqualNode(e)}))?a.splice(t,1):o.push(i)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),o.forEach((function(e){return i.appendChild(e)})),{oldTags:a,newTags:o}},G=function(e,n){var t=document.getElementsByTagName(e)[0];if(t){for(var i=t.getAttribute("data-rh"),r=i?i.split(","):[],a=[].concat(r),o=Object.keys(n),l=0;l=0;d-=1)t.removeAttribute(a[d]);r.length===a.length?t.removeAttribute("data-rh"):t.getAttribute("data-rh")!==o.join(",")&&t.setAttribute("data-rh",o.join(","))}},H=function(e,n){var t=e.baseTag,i=e.htmlAttributes,r=e.linkTags,a=e.metaTags,o=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,u=e.styleTags,c=e.title,d=e.titleAttributes;G(h.BODY,e.bodyAttributes),G(h.HTML,i),function(e,n){void 0!==e&&document.title!==e&&(document.title=P(e)),G(h.TITLE,n)}(c,d);var p={baseTag:$(h.BASE,t),linkTags:$(h.LINK,r),metaTags:$(h.META,a),noscriptTags:$(h.NOSCRIPT,o),scriptTags:$(h.SCRIPT,s),styleTags:$(h.STYLE,u)},g={},f={};Object.keys(p).forEach((function(e){var n=p[e],t=n.newTags,i=n.oldTags;t.length&&(g[e]=t),i.length&&(f[e]=p[e].oldTags)})),n&&n(),l(e,g,f)},W=null,Q=function(e){function n(){for(var n,t=arguments.length,i=new Array(t),r=0;r elements are self-closing and can not contain children. Refer to our API for more information.")}},t.flattenArrayTypeChildren=function(e){var n,t=e.child,i=e.arrayTypeChildren;return p({},i,((n={})[t.type]=[].concat(i[t.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(t,e.nestedChildren))]),n))},t.mapObjectTypeChildren=function(e){var n,t,i=e.child,r=e.newProps,a=e.newChildProps,o=e.nestedChildren;switch(i.type){case h.TITLE:return p({},r,((n={})[i.type]=o,n.titleAttributes=p({},a),n));case h.BODY:return p({},r,{bodyAttributes:p({},a)});case h.HTML:return p({},r,{htmlAttributes:p({},a)});default:return p({},r,((t={})[i.type]=p({},a),t))}},t.mapArrayTypeChildrenToProps=function(e,n){var t=p({},n);return Object.keys(e).forEach((function(n){var i;t=p({},t,((i={})[n]=e[n],i))})),t},t.warnOnInvalidChildren=function(e,n){return u()(y.some((function(n){return e.type===n})),"function"==typeof e.type?"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+y.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),u()(!n||"string"==typeof n||Array.isArray(n)&&!n.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},t.mapChildrenToProps=function(e,n){var t=this,r={};return i.Children.forEach(e,(function(e){if(e&&e.props){var i=e.props,a=i.children,o=m(i,Y),l=Object.keys(o).reduce((function(e,n){return e[S[n]||n]=o[n],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():t.warnOnInvalidChildren(e,a),s){case h.FRAGMENT:n=t.mapChildrenToProps(a,n);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=t.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:a});break;default:n=t.mapObjectTypeChildren({child:e,newProps:n,newChildProps:l,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(r,n)},t.render=function(){var e=this.props,n=e.children,t=m(e,X),r=p({},t),a=t.helmetData;return n&&(r=this.mapChildrenToProps(n,r)),!a||a instanceof K||(a=new K(a.context,a.instances)),a?i.createElement(Q,p({},r,{context:a.value,helmetData:void 0})):i.createElement(U.Consumer,null,(function(e){return i.createElement(Q,p({},r,{context:e}))}))},n}(i.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,i=t?Symbol.for("react.element"):60103,r=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,l=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,c=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,g=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,m=t?Symbol.for("react.memo"):60115,h=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,w=t?Symbol.for("react.fundamental"):60117,v=t?Symbol.for("react.responder"):60118,y=t?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case i:switch(e=e.type){case c:case d:case a:case l:case o:case g:return e;default:switch(e=e&&e.$$typeof){case u:case p:case h:case m:case s:return e;default:return n}}case r:return n}}}function S(e){return k(e)===d}n.AsyncMode=c,n.ConcurrentMode=d,n.ContextConsumer=u,n.ContextProvider=s,n.Element=i,n.ForwardRef=p,n.Fragment=a,n.Lazy=h,n.Memo=m,n.Portal=r,n.Profiler=l,n.StrictMode=o,n.Suspense=g,n.isAsyncMode=function(e){return S(e)||k(e)===c},n.isConcurrentMode=S,n.isContextConsumer=function(e){return k(e)===u},n.isContextProvider=function(e){return k(e)===s},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},n.isForwardRef=function(e){return k(e)===p},n.isFragment=function(e){return k(e)===a},n.isLazy=function(e){return k(e)===h},n.isMemo=function(e){return k(e)===m},n.isPortal=function(e){return k(e)===r},n.isProfiler=function(e){return k(e)===l},n.isStrictMode=function(e){return k(e)===o},n.isSuspense=function(e){return k(e)===g},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===l||e===o||e===g||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===u||e.$$typeof===p||e.$$typeof===w||e.$$typeof===v||e.$$typeof===y||e.$$typeof===b)},n.typeOf=k},6237:(e,n,t)=>{"use strict";e.exports=t(198)},9500:(e,n,t)=>{"use strict";t.d(n,{OL:()=>v,VK:()=>c,rU:()=>h});var i=t(8903),r=t(2666),a=t(959),o=t(4047),l=t(6920),s=t(3804),u=t(8624),c=function(e){function n(){for(var n,t=arguments.length,i=new Array(t),r=0;r{"use strict";t.d(n,{AW:()=>_,F0:()=>v,LX:()=>x,TH:()=>T,k6:()=>z,rs:()=>P,s6:()=>w});var i=t(2666),r=t(959),a=t(507),o=t.n(a),l=t(4047),s=t(8624),u=t(6920),c=t(7720),d=t.n(c),p=(t(6237),t(3804)),g=(t(2535),1073741823),f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:{};var m=r.createContext||function(e,n){var t,a,l="__create-react-context-"+function(){var e="__global_unique_id__";return f[e]=(f[e]||0)+1}()+"__",s=function(e){function t(){for(var n,t,i,r=arguments.length,a=new Array(r),o=0;o{"use strict";var i=t(959),r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,t){var i,a={},u=null,c=null;for(i in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)o.call(n,i)&&!s.hasOwnProperty(i)&&(a[i]=n[i]);if(e&&e.defaultProps)for(i in n=e.defaultProps)void 0===a[i]&&(a[i]=n[i]);return{$$typeof:r,type:e,key:u,ref:c,props:a,_owner:l.current}}n.Fragment=a,n.jsx=u,n.jsxs=u},5257:(e,n)=>{"use strict";var t=Symbol.for("react.element"),i=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),g=Symbol.iterator;var f={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||f}function w(){}function v(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||f}b.prototype.isReactComponent={},b.prototype.setState=function(e,n){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,n,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},w.prototype=b.prototype;var y=v.prototype=new w;y.constructor=v,m(y,b.prototype),y.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},_={key:!0,ref:!0,__self:!0,__source:!0};function D(e,n,i){var r,a={},o=null,l=null;if(null!=n)for(r in void 0!==n.ref&&(l=n.ref),void 0!==n.key&&(o=""+n.key),n)S.call(n,r)&&!_.hasOwnProperty(r)&&(a[r]=n[r]);var s=arguments.length-2;if(1===s)a.children=i;else if(1{"use strict";e.exports=t(5257)},1527:(e,n,t)=>{"use strict";e.exports=t(3354)},5568:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0>>1,r=e[i];if(!(0>>1;ia(s,t))ua(c,s)?(e[i]=c,e[u]=t,i=u):(e[i]=s,e[l]=t,i=l);else{if(!(ua(c,t)))break e;e[i]=c,e[u]=t,i=u}}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var o=performance;n.unstable_now=function(){return o.now()}}else{var l=Date,s=l.now();n.unstable_now=function(){return l.now()-s}}var u=[],c=[],d=1,p=null,g=3,f=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,w="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var n=i(c);null!==n;){if(null===n.callback)r(c);else{if(!(n.startTime<=e))break;r(c),n.sortIndex=n.expirationTime,t(u,n)}n=i(c)}}function k(e){if(h=!1,y(e),!m)if(null!==i(u))m=!0,T(S);else{var n=i(c);null!==n&&j(k,n.startTime-e)}}function S(e,t){m=!1,h&&(h=!1,w(L),L=-1),f=!0;var a=g;try{for(y(t),p=i(u);null!==p&&(!(p.expirationTime>t)||e&&!E());){var o=p.callback;if("function"==typeof o){p.callback=null,g=p.priorityLevel;var l=o(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof l?p.callback=l:p===i(u)&&r(u),y(t)}else r(u);p=i(u)}if(null!==p)var s=!0;else{var d=i(c);null!==d&&j(k,d.startTime-t),s=!1}return s}finally{p=null,g=a,f=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,_=!1,D=null,L=-1,A=5,C=-1;function E(){return!(n.unstable_now()-Ce||125o?(e.sortIndex=a,t(c,e),null===i(u)&&e===i(c)&&(h?(w(L),L=-1):h=!0,j(k,a-o))):(e.sortIndex=l,t(u,e),m||f||(m=!0,T(S))),e},n.unstable_shouldYield=E,n.unstable_wrapCallback=function(e){var n=g;return function(){var t=g;g=n;try{return e.apply(this,arguments)}finally{g=t}}}},2962:(e,n,t)=>{"use strict";e.exports=t(5568)},631:e=>{e.exports=function(e,n,t,i){var r=t?t.call(i,e,n):void 0;if(void 0!==r)return!!r;if(e===n)return!0;if("object"!=typeof e||!e||"object"!=typeof n||!n)return!1;var a=Object.keys(e),o=Object.keys(n);if(a.length!==o.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(n),s=0;s{"use strict";t.r(n),t.d(n,{default:()=>i});const i={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/reddit-plugin.js","./plugins/clearbit-plugin.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,n,t)=>{"use strict";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;ni})},2666:(e,n,t)=>{"use strict";function i(e,n){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},i(e,n)}function r(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,i(e,n)}t.d(n,{Z:()=>r})},3804:(e,n,t)=>{"use strict";function i(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i=0||(r[t]=e[t]);return r}t.d(n,{Z:()=>i})},5341:(e,n,t)=>{"use strict";function i(e){var n,t,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(n=0;nr});const r=function(){for(var e,n,t=0,r="";t{"use strict";t.d(n,{p1:()=>A,y$:()=>ee});var i,r,a,o,l,s,u,c=t(959),d=t(5341),p=Object.create,g=Object.defineProperty,f=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,w=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,S=(e,n,t)=>n in e?g(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,x=(e,n)=>{for(var t in n||(n={}))y.call(n,t)&&S(e,t,n[t]);if(w)for(var t of w(n))k.call(n,t)&&S(e,t,n[t]);return e},_=(e,n)=>f(e,h(n)),D=(e,n)=>{var t={};for(var i in e)y.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&w)for(var i of w(e))n.indexOf(i)<0&&k.call(e,i)&&(t[i]=e[i]);return t},L=(i={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,n){var t=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,t={},i={util:{encode:function e(n){return n instanceof r?new r(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=d.reach);x+=S.value.length,S=S.next){var _=S.value;if(n.length>e.length)return;if(!(_ instanceof r)){var D,L=1;if(w){if(!(D=a(k,x,e,b))||D.index>=e.length)break;var A=D.index,C=D.index+D[0].length,E=x;for(E+=S.value.length;A>=E;)E+=(S=S.next).value.length;if(x=E-=S.value.length,S.value instanceof r)continue;for(var P=S;P!==n.tail&&(Ed.reach&&(d.reach=j);var B=S.prev;if(z&&(B=s(n,B,z),x+=z.length),u(n,B,L),S=s(n,B,new r(p,h?i.tokenize(I,h):I,v,I)),T&&s(n,S,T),L>1){var M={cause:p+","+f,reach:j};o(e,n,t,S.prev,x,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function s(e,n,t){var i=n.next,r={value:t,prev:n,next:i};return n.next=r,i.prev=r,e.length++,r}function u(e,n,t){for(var i=n.next,r=0;r"+a.content+""+a.tag+">"},i}();n.exports=t,t.default=t}},function(){return r||(0,i[b(i)[0]])((r={exports:{}}).exports,r),r.exports}),A=((e,n,t)=>(t=null!=e?p(v(e)):{},((e,n,t,i)=>{if(n&&"object"==typeof n||"function"==typeof n)for(let r of b(n))y.call(e,r)||r===t||g(e,r,{get:()=>n[r],enumerable:!(i=m(n,r))||i.enumerable});return e})(!n&&e&&e.__esModule?t:g(t,"default",{value:e,enumerable:!0}),e)))(L());A.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\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://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"},/?[\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(/&/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,n){var t;(n=((t=((t={})["language-"+n]={pattern:/(^$)/i,lookbehind:!0,inside:A.languages[n]},t.cdata=/^$/i,{"included-cdata":{pattern://i,inside:t}}))["language-"+n]={pattern:/[\s\S]+/,inside:A.languages[n]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:t},A.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,n){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:[n,"language-"+n],inside:A.languages[n]},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,a=A,o={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),u={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},a.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":o,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":o,"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":u}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":u}},{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 n=/#(?!\{).+/,t={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:n,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:t}}],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:n,interpolation:t}}}),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:t}}]}),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 n=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(n,"addSupport",{value:function(n,t){(n="string"==typeof n?[n]:n).forEach((function(n){var i=function(e){e.inside||(e.inside={}),e.inside.rest=t},r="doc-comment";if(a=e.languages[n]){var a,o=a[r];if((o=o||(a=e.languages.insertBefore(n,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(o=a[r]={pattern:o}),Array.isArray(o))for(var l=0,s=o.length;l|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=n,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:n,number:t,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:n,number:t})}(A),function(e){var n=/[*&][^\s[\]{},]+/,t=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+t.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+t.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function o(e,n){n=(n||"").replace(/m/g,"")+"m";var t=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return i})).replace(/<>/g,(function(){return e}));return RegExp(t,n)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return i})).replace(/<>/g,(function(){return"(?:"+r+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o(/\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:o(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:o(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:o(a),lookbehind:!0,greedy:!0},number:{pattern:o(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:t,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var n=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function t(e){return e=e.replace(//g,(function(){return n})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,o=(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+a+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+a+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),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:t(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:t(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:t(/(~~?)(?:(?!~))+\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:t(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.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(n){["url","bold","italic","strike","code-snippet"].forEach((function(t){n!==t&&(e.languages.markdown[n].inside.content.inside[t]=e.languages.markdown[t])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(n){if(n&&"string"!=typeof n)for(var t=0,i=n.length;t",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 n=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),t=0;t?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var n=e.languages.javascript["template-string"],t=n.pattern.source,i=n.inside.interpolation,r=i.inside["interpolation-punctuation"],a=i.pattern.source;function o(n,i){if(e.languages[n])return{pattern:RegExp("((?:"+i+")\\s*)"+t),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:n}}}}function l(n,t,i){return n={code:n,grammar:t,language:i},e.hooks.run("before-tokenize",n),n.tokens=e.tokenize(n.code,n.grammar),e.hooks.run("after-tokenize",n),n.tokens}function s(n,t,o){var s=e.tokenize(n,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),u=0,c={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var t,i;for(e=e.content;-1!==n.indexOf((i=u++,t="___"+o.toUpperCase()+"_"+i+"___")););return c[t]=e,t})).join(""),t,o),Object.keys(c));return u=0,function n(t){for(var a=0;a=d.length)return;var o,s,p,g,f,m,h,b=t[a];"string"==typeof b||"string"==typeof b.content?(o=d[u],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(o))&&(++u,s=m.substring(0,h),f=c[o],p=void 0,(g={})["interpolation-punctuation"]=r,3===(g=e.tokenize(f,g)).length&&((p=[1,1]).push.apply(p,l(g[1],e.languages.javascript,"javascript")),g.splice.apply(g,p)),p=new e.Token("interpolation",g,i.alias,f),g=m.substring(h+o.length),f=[],s&&f.push(s),f.push(p),g&&(n(m=[g]),f.push.apply(f,m)),"string"==typeof b?(t.splice.apply(t,[a,1].concat(f)),a+=f.length-1):b.content=f)):(h=b.content,Array.isArray(h)?n(h):n([h]))}}(s),new e.Token(o,s,"language-"+o,n)}e.languages.javascript["template-string"]=[o("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),o("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),o("svg",/\bsvg/.source),o("markdown",/\b(?:markdown|md)/.source),o("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),o("sql",/\bsql/.source),n].filter(Boolean);var u={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function c(e){return"string"==typeof e?e:Array.isArray(e)?e.map(c).join(""):c(e.content)}e.hooks.add("after-tokenize",(function(n){n.language in u&&function n(t){for(var i=0,r=t.length;i]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,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 n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,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:n}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var n=e.languages.javascript,t=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,i="(@(?:arg|argument|param|property)\\s+(?:"+t+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(i+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(i+/\[(?:(?!\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:n,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(//g,(function(){return t}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+t),lookbehind:!0,inside:{string:n.string,number:n.number,boolean:n.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:n,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 n(e,n){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),n)}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:n(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:n(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\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:n(/(\.\s*)#?/.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 t=["function","function-variable","method","method-variable","property-access"],i=0;i*\.{3}(?:[^{}]|)*\})/.source;function a(e,n){return e=e.replace(//g,(function(){return t})).replace(//g,(function(){return i})).replace(//g,(function(){return r})),RegExp(e,n)}function o(n){for(var t=[],i=0;i"!==r.content[r.content.length-1].content&&t.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\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=n.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=/.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||o(e.tokens)}))}(A),function(e){var n=e.util.clone(e.languages.typescript);(n=(e.languages.tsx=e.languages.extend("jsx",n),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.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 n={"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:n},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:n},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 n=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|)*\*\//.source,t=0;t<2;t++)n=n.replace(//g,(function(){return n}));n=n.replace(//g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+n),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 n=/\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/,t=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return n.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return n.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:n,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+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return t}))+")"),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://,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,n)=>{for(var t in n)g(e,t,{get:n[t],enumerable:!0})})({},{dracula:()=>C,duotoneDark:()=>E,duotoneLight:()=>P,github:()=>I,jettwaveDark:()=>Z,jettwaveLight:()=>q,nightOwl:()=>z,nightOwlLight:()=>T,oceanicNext:()=>M,okaidia:()=>R,oneDark:()=>$,oneLight:()=>G,palenight:()=>N,shadesOfPurple:()=>O,synthwave84:()=>F,ultramin:()=>K,vsDark:()=>U,vsLight:()=>V});var C={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)"}}]},E={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"}}]},P={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"}}]},z={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)"}}]},j="#c5a5c5",B="#8dc891",M={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:j}},{types:["attr-value"],style:{color:B}},{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:B}},{types:["punctuation"],style:{color:B}},{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:j}},{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}}]},R={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"}}]},N={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)"}}]},O={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)"}}]},F={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"}}]},K={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)"}}]},V={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)"}}]},Z={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"}}]},q={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"}}]},$={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%)"}}]},G={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%)"}}]},H=(e,n)=>{const{plain:t}=e,i=e.styles.reduce(((e,t)=>{const{languages:i,style:r}=t;return i&&!i.includes(n)||t.types.forEach((n=>{const t=x(x({},e[n]),r);e[n]=t})),e}),{});return i.root=t,i.plain=_(x({},t),{backgroundColor:void 0}),i},W=/\r\n|\r|\n/,Q=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)},Y=(e,n)=>{const t=e.length;return t>0&&e[t-1]===n?e:e.concat(n)},X=e=>{const n=[[]],t=[e],i=[0],r=[e.length];let a=0,o=0,l=[];const s=[l];for(;o>-1;){for(;(a=i[o]++)0?u:["plain"],e=c):(u=Y(u,c.type),c.alias&&(u=Y(u,c.alias)),e=c.content),"string"!=typeof e){o++,n.push(u),t.push(e),i.push(0),r.push(e.length);continue}const d=e.split(W),p=d.length;l.push({types:u,content:d[0]});for(let n=1;n{const a=n.toLowerCase(),o=((e,n)=>{const[t,i]=(0,c.useState)(H(n,e)),r=(0,c.useRef)(),a=(0,c.useRef)();return(0,c.useEffect)((()=>{n===r.current&&e===a.current||(r.current=n,a.current=e,i(H(n,e)))}),[e,n]),t})(a,i),l=(e=>(0,c.useCallback)((n=>{var t=n,{className:i,style:r,line:a}=t,o=D(t,["className","style","line"]);const l=_(x({},o),{className:(0,d.Z)("token-line",i)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=x(x({},l.style||{}),r)),l}),[e]))(o),s=(e=>{const n=(0,c.useCallback)((({types:n,empty:t})=>{if(null!=e)return 1===n.length&&"plain"===n[0]?null!=t?{display:"inline-block"}:void 0:1===n.length&&null!=t?e[n[0]]:Object.assign(null!=t?{display:"inline-block"}:{},...n.map((n=>e[n])))}),[e]);return(0,c.useCallback)((e=>{var t=e,{token:i,className:r,style:a}=t,o=D(t,["token","className","style"]);const l=_(x({},o),{className:(0,d.Z)("token",...i.types,r),children:i.content,style:n(i)});return null!=a&&(l.style=x(x({},l.style||{}),a)),l}),[n])})(o),u=(({prism:e,code:n,grammar:t,language:i})=>{const r=(0,c.useRef)(e);return(0,c.useMemo)((()=>{if(null==t)return X([n]);const e={code:n,grammar:t,language:i,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(n,t),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[n,t,i])})({prism:r,language:a,code:t,grammar:r.languages[a]});return e({tokens:u,className:`prism-code language-${a}`,style:null!=o?o.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,c.createElement)(J,_(x({},e),{prism:e.prism||A,theme:e.theme||U,code:e.code,language:e.language}))},8624:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=!0,r="Invariant failed";function a(e,n){if(!e){if(i)throw new Error(r);var t="function"==typeof n?n():n,a=t?"".concat(r,": ").concat(t):r;throw new Error(a)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"Schlie\xdfen","theme.BackToTopButton.buttonAriaLabel":"Zum Anfang scrollen","theme.CodeBlock.copied":"Kopiert","theme.CodeBlock.copy":"Kopieren","theme.CodeBlock.copyButtonAriaLabel":"Code in die Zwischenablage kopieren","theme.CodeBlock.wordWrapToggle":"Umbruch umschalten","theme.DocSidebarItem.collapseCategoryAriaLabel":"Sidebar-Kategorie \'{label}\' minimieren","theme.DocSidebarItem.expandCategoryAriaLabel":"Sidebar-Kategorie \'{label}\' erweitern","theme.ErrorPageContent.title":"Diese Seite ist abgest\xfcrzt.","theme.ErrorPageContent.tryAgain":"Erneut versuchen","theme.NavBar.navAriaLabel":"Hauptmen\xfc","theme.NotFound.p1":"Wir konnten nicht finden, wonach Sie gesucht haben.","theme.NotFound.p2":"Bitte kontaktieren Sie den Besitzer der Website, der Sie zur urspr\xfcnglichen URL verlinkt hat, und informieren Sie ihn \xfcber den defekten Link.","theme.NotFound.title":"Seite nicht gefunden","theme.TOCCollapsible.toggleButtonLabel":"Auf dieser Seite","theme.admonition.caution":"Vorsicht","theme.admonition.danger":"Gefahr","theme.admonition.info":"Info","theme.admonition.note":"Anmerkung","theme.admonition.tip":"Tipp","theme.admonition.warning":"Warnung","theme.blog.archive.description":"Archiv","theme.blog.archive.title":"Archiv","theme.blog.paginator.navAriaLabel":"Navigation auf der Blog-Listenseite","theme.blog.paginator.newerEntries":"Neuere Eintr\xe4ge","theme.blog.paginator.olderEntries":"\xc4ltere Eintr\xe4ge","theme.blog.post.paginator.navAriaLabel":"Blog-Beitragsseitennavigation","theme.blog.post.paginator.newerPost":"Neuerer Beitrag","theme.blog.post.paginator.olderPost":"\xc4lterer Beitrag","theme.blog.post.plurals":"Ein Beitrag|{count} Beitr\xe4ge","theme.blog.post.readMore":"Mehr lesen","theme.blog.post.readMoreLabel":"Erfahren Sie mehr \xfcber {title}","theme.blog.post.readingTime.plurals":"Lesezeit: Eine Minute|Lesezeit: {readingTime} Minuten","theme.blog.sidebar.navAriaLabel":"Navigation zu aktuellen Blog-Beitr\xe4gen","theme.blog.tagTitle":"{nPosts} mit \\"{tagName}\\" getaggt","theme.colorToggle.ariaLabel":"Zwischen Dunkel- und Hellmodus wechseln (aktuell {mode})","theme.colorToggle.ariaLabel.mode.dark":"Dunkler Modus","theme.colorToggle.ariaLabel.mode.light":"Heller Modus","theme.common.editThisPage":"Diese Seite bearbeiten","theme.common.headingLinkTitle":"Direkter Link zu {heading}","theme.common.skipToMainContent":"Zum Hauptinhalt springen","theme.docs.DocCard.categoryDescription":"{count} Artikel","theme.docs.breadcrumbs.home":"Startseite","theme.docs.breadcrumbs.navAriaLabel":"Breadcrumbs","theme.docs.paginator.navAriaLabel":"Dokumentationsseiten","theme.docs.paginator.next":"Weiter","theme.docs.paginator.previous":"Zur\xfcck","theme.docs.sidebar.closeSidebarButtonAriaLabel":"Navigationsleiste schlie\xdfen","theme.docs.sidebar.collapseButtonAriaLabel":"Sidebar minimieren","theme.docs.sidebar.collapseButtonTitle":"Sidebar minimieren","theme.docs.sidebar.expandButtonAriaLabel":"Seitenleiste erweitern","theme.docs.sidebar.expandButtonTitle":"Seitenleiste erweitern","theme.docs.sidebar.navAriaLabel":"Dokumenten-Seitenleiste","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"Navigationleiste umschalten","theme.docs.tagDocListPageTitle":"{nDocsTagged} mit \\"{tagName}\\"","theme.docs.tagDocListPageTitle.nDocsTagged":"Ein Dokument getaggt|{count} Dokumente getaggt","theme.docs.versionBadge.label":"Version: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"aktuellste Version","theme.docs.versions.latestVersionSuggestionLabel":"F\xfcr aktuelle Dokumentation siehe {latestVersionLink} ({versionLabel}).","theme.docs.versions.unmaintainedVersionLabel":"Dies ist die Dokumentation f\xfcr {siteTitle} Version {versionLabel}, die nicht mehr aktiv gepflegt wird.","theme.docs.versions.unreleasedVersionLabel":"Dies ist die nicht ver\xf6ffentlichte Dokumentation f\xfcr {siteTitle} Version {versionLabel}.","theme.lastUpdated.atDate":" am {date}","theme.lastUpdated.byUser":" von {user}","theme.lastUpdated.lastUpdatedAtBy":"Zuletzt aktualisiert{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"Sprachen","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 Zur\xfcck zum Hauptmen\xfc","theme.navbar.mobileVersionsDropdown.label":"Versionen","theme.tags.tagsListLabel":"Tags:","theme.tags.tagsPageLink":"Alle Tags anzeigen","theme.tags.tagsPageTitle":"Tags","theme.unlistedContent.message":"Diese Seite ist nicht gelistet. Suchmaschinen werden sie nicht indexieren, und nur Benutzer, die \xfcber einen direkten Link verf\xfcgen, k\xf6nnen darauf zugreifen.","theme.unlistedContent.title":"Nicht gelistete Seite","footer.status":"Status","footer.roadmap":"Roadmap","footer.changelog":"\xc4nderungsprotokoll","footer.media":"Medienkit","ai_header.solutions_title.image_generator":"AI Bildgenerator","ai_header.solutions_title.ai_voice_generator":"AI Sprachgenerator","ai_header.solutions_title.dashboard":"Datenanalyse-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":"Tabelle","footer.chart":"Diagramm","footer.upload":"Hochladen","footer.switch":"Umschalten","footer.select":"Ausw\xe4hlen","footer.radio_group":"Radiogruppe","footer.checkbox_group":"Checkbox-Gruppe","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":"Komponenten","footer.integrations":"Integrationen","ai_header.solutions_title.solutions":"L\xf6sungen","footer.company":"Unternehmen","footer.community":"Community","slogan-1":"Erstellen Sie KI-getriebene Gesch\xe4ftsanwendungen","footer.privacy-policy":"Datenschutzbestimmungen","footer.terms-of-service":"Nutzungsbedingungen","ai_header.solutions_sub_title.solutions_by_use_case":"L\xf6sungen nach Anwendungsbereich","ai_header.solutions_description.image_generator":"Generieren Sie Bilder mit KI. Machen Sie die Kommunikation von Ideen effizienter.","ai_header.solutions_description.ai_voice_generator":"\xdcbersetzung und Nachvertonung erm\xf6glichen eine effiziente Produktion von Videoinhalten f\xfcr verschiedene Sprachregionen.","ai_header.solutions_description.dashboard":"Erstellen Sie umfassende Datenanalyse-Dashboards und treiben Sie Ihr Gesch\xe4ftswachstum mit minimalem Aufwand voran.","ai_header.solutions_description.cms":"Liefere konsistente Inhalts-Erlebnisse auf jeder Plattform, Webseite oder mobilen App","ai_header.solutions_description.crm":"Bessere Verkaufs-CRM-L\xf6sung, um Deals schneller abzuschlie\xdfen","ai_header.solutions_description.admin_panel":"Erstellen Sie Admin-Panels in 10-facher Geschwindigkeit zur Datenverwaltung oder Durchf\xfchrung von Operationen","nav.resource":"Produkte","sub_nav.resource.illa_flow":"ILLA Flow","sub_nav.resource.integrations":"Integrationen","sub_nav.resource.components":"Komponenten","nav.templates":"Vorlagen","nav.pricing":"Preise","nav.doc":"Dokumentation","nav.blog":"Blog","nav.contact":"Kontaktiere uns","nav.login":"Anmeldung","nav.signup":"Kostenlos starten","blog.scroll_down":"Erstellen Sie KI-getriebene Gesch\xe4ftsanwendungen mit ILLA Cloud","blog.blog_desc_left_title":"Probleme mit internen Tools?","blog.blog_desc_left_desc":"Erstellen Sie in wenigen Minuten CRUD-Anwendungen, Dashboards, Admin-Panels, Verkaufs-CRM, KI-Bildgenerator usw. mit ILLA Cloud!","pricing.sub-title":"\u270c\ufe0f Kostenlos f\xfcr reine Betrachter","pricing.title":"Preise","pricing.page-desc":"Mit dem Start von ILLA Cloud Billing erhalten Sie exklusive Funktionen wie Audit Logs und Public App. Unser Abrechnungssystem basiert auf Mitgliedern mit Bearbeitungsrechten, einschlie\xdflich Eigent\xfcmer, Administrator und Editor-Rollen. Sobald Sie sich angemeldet haben, k\xf6nnen Sie unbegrenzt Betrachter hinzuf\xfcgen, ohne zus\xe4tzliche Kosten.","blog.meta.title":"ILLA Blogs","blog.meta.description":"Ein herausragendes Wissensreservoir f\xfcr Entwickler, das ein breites Spektrum von Themen wie Frontend- und Backend-Entwicklung, KI, Low-Code und ILLA Cloud umfasst. Hier k\xf6nnen Sie sich in modernste Technologien vertiefen, aufkommende Trends erkunden und sich in einen lebendigen Austausch von Erfahrungen einbringen.","illa_flow.meta_title.illa_flow":"ILLA Flow","illa_flow.meta_description.surpassing_developers":"Die Erwartungen der Entwickler \xfcbertreffen und Workflows m\xfchelos automatisieren","meta.title":"Build AI Driven Business App","meta.description":"Bef\xe4higen Sie Ihr Team mit KI-Agenten und fortschrittlichen Low-Code-Tools zur Erstellung von Gesch\xe4ftsanwendungen","faq.title":"H\xe4ufig gestellte Fragen","faq.content.0.question":"Welche Art von Inhalten kann ich mit ILLA Cloud erstellen?","faq.content.0.answer":"Sie k\xf6nnen jede interne Anwendung oder KI-Tool erstellen, das Sie ben\xf6tigen, und Sie k\xf6nnen AI auch mit internen Anwendungen integrieren. Zum Beispiel ein Dashboard, ein Admin-Panel, das Verwalten von Dateiinhalten, ein Kundendatenbanksystem, ein Textgenerierungstool, ein Bildgenerierungstool, ein E-Mail-Generierungswerkzeug und so weiter.","faq.content.1.question":"Wer kann ILLA Cloud verwenden?","faq.content.1.answer":"Ob Sie Produktmanager, Full-Stack-Entwickler, Projektmanager oder Datenanalyst sind... jeder kann ILLA Cloud verwenden, um Tools zu erstellen: Von der Gestaltung von Frontend-Schnittstellen mit Drag-and-Drop-Komponenten bis zur Integration mit Datenquellen und Generierung von Abfragen mithilfe von KI-Unterst\xfctzung bietet ILLA ein reibungsloses Erlebnis, das \xfcberfl\xfcssige Komplexit\xe4ten beseitigt. Sie m\xfcssen kein Technik-Experte sein, um Ihre eigenen Anwendungen zu erstellen.","faq.content.2.question":"Wie kann ich von ILLA Cloud profitieren?","faq.content.2.answer":"ILLA AI reduziert nicht nur die Kosten f\xfcr den Aufbau Ihrer Tools, sondern integriert auch beliebige KI-Funktionen, um Ihre Arbeit effizienter zu gestalten und Ihnen zu erm\xf6glichen, in k\xfcrzerer Zeit wertvolleren Inhalt zu generieren.","faq.content.3.question":"Kann ich den KI-Agenten an meine spezifischen Gesch\xe4ftsanforderungen anpassen?","faq.content.3.answer":"Ja, das k\xf6nnen Sie! Der KI-Agent basiert auf einem gro\xdfen Sprachmodell und kann an spezifische Aufgaben angepasst werden. Sie k\xf6nnen das Verhalten des KI-Agenten entsprechend Ihren Gesch\xe4ftsanforderungen definieren. Mit ILLA Builder k\xf6nnen Sie Daten in den KI-Agenten einspeisen und ihn f\xfcr Aufgaben wie Textverarbeitung, Bilderkennung und nat\xfcrliche Sprachverarbeitung trainieren.","faq.content.4.question":"Welche Datenquellen unterst\xfctzt ILLA?","faq.content.4.answer":"ILLA unterst\xfctzt die Integration mit einer Vielzahl von Datenquellen, einschlie\xdflich PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets und mehr. Sie k\xf6nnen problemlos auf jede Datenquelle zugreifen, ohne Code schreiben zu m\xfcssen, und damit nahtlos auf die gew\xfcnschten Daten zugreifen.","faq.content.5.question":"Gibt es technischen Support f\xfcr ILLA Cloud-Benutzer?","faq.content.5.answer":"Ja, ILLA Cloud bietet technischen Support f\xfcr seine Benutzer. Wenn Sie auf Probleme sto\xdfen oder Fragen zu den Funktionen der Plattform haben, k\xf6nnen Sie sich an unser Support-Team wenden. Wir sind bestrebt, Ihnen ein reibungsloses Erlebnis mit ILLA Cloud zu bieten.","pricing.meta-desc":"Starten Sie kostenlos mit allen Funktionen, die individuelle Entwickler oder kleine Teams f\xfcr den Aufbau interner Anwendungen ben\xf6tigen.","pricing.billing.pricing.premium.feature.builder.viewer":"Kostenlos f\xfcr unbegrenzte Viewer","pricing.billing.pricing.premium.feature.builder.audit_log":"Audit-Logs","pricing.billing.pricing.premium.feature.builder.public":"App \xf6ffentlich","pricing.billing.pricing.premium.feature.builder.sql":"KI-SQL-Generierung","pricing.billing.pricing.premium.feature.builder.history":"Bearbeitungsverlauf und Wiederherstellung sichern","pricing.billing.pricing.premium.feature.builder.theme":"Benutzerdefinierte Designs f\xfcr Ihre Apps (kommt bald)","pricing.billing.pricing.premium.feature.builder.multi_environment":"Multi-Umgebung (kommt bald)","pricing.billing.pricing.premium.feature.builder.deployed_version":"Bereitgestellte Versionen beibehalten und zur\xfccksetzen (kommt bald)","pricing.billing.pricing.premium.feature.agent.gpt":"Zugriff auf weitere Modelle wie GPT-4, GPT-3.5-turbo-16k","pricing.billing.pricing.colla.feature.storage":"Speicher","pricing.billing.pricing.colla.feature.traffic":"Traffic","pricing.billing.pricing.colla.feature.token":"KI-Agent","pricing.faq.title":"H\xe4ufig gestellte Fragen","pricing.faq.content.0.question":"Wer sind die Benutzer, f\xfcr die das Produkt berechnet wird?","pricing.faq.content.0.answer":"Benutzer mit Bearbeitungsberechtigungen (Editor) m\xfcssen f\xfcr das Produkt bezahlen.","pricing.faq.content.1.question":"Welche verschiedenen Arten von Editoren gibt es?","pricing.faq.content.1.answer":"Die verschiedenen Arten von Editoren sind Eigent\xfcmer, Administrator und Editor.","pricing.faq.content.2.question":"Werden Viewer f\xfcr die Nutzung des Produkts berechnet?","pricing.faq.content.2.answer":"Nein, f\xfcr die Nutzung des Produkts werden Viewer nicht berechnet.","pricing.faq.content.3.question":"Wie lade ich einen Viewer ein?","pricing.faq.content.3.answer":"Um einen Viewer einzuladen, m\xfcssen Sie das Team auf einen der Plus-, Premium- oder Enterprise-Pl\xe4ne upgraden und den Benutzer per E-Mail oder Link einladen.","pricing.faq.content.4.question":"Welche Dienste bietet ILLA Cloud an?","pricing.faq.content.4.answer":"ILLA Builder, ILLA Drive und KI-Agent.","pricing.faq.content.5.question":"Was ist ILLA Drive?","pricing.faq.content.5.answer":"ILLA Drive ist ein Content Delivery Network (CDN), das das Speichern von Dateien und deren Verteilung an Benutzer \xfcber Unternehmenswebsites oder andere Produkte erm\xf6glicht. Die Nutzung von Speicherplatz und Traffic wird getrennt abgerechnet.","pricing.faq.content.6.question":"Was ist ein KI-Agent?","pricing.faq.content.6.answer":"Wir stellen eine Open-Source-KI-Agent-Community mit Tausenden von KI-Agenten zur Verf\xfcgung, die von Experten und Enthusiasten bereitgestellt werden. Jeder kann diese KI-Agenten ausf\xfchren oder bearbeiten.","pricing.faq.content.7.question":"Wie wird die Abrechnung f\xfcr die Nutzung des KI-Agenten durchgef\xfchrt?","pricing.faq.content.7.answer":"Die Abrechnung f\xfcr die Nutzung des KI-Agenten basiert auf Colla, einem Abrechnungskonzept innerhalb von ILLA. Colla erfasst die Ressourcen, die w\xe4hrend der Laufzeit des KI-Agenten verbraucht werden.","landingPage.components.meta.title":"ILLA Cloud Komponenten","landingPage.components.meta.description":"Erfahren Sie, wie Sie die vorgefertigten Komponenten verwenden, um Ihre App in ILLA Cloud anzupassen.","landingPage.components.headerContent.title":"Bibliothek mit integrierten Komponenten","landingPage.components.headerContent.description":"ILLA bietet eine Vielzahl von h\xe4ufig verwendeten Front-End-Entwicklungskomponenten, mit denen Benutzer einfach Front-End-Schnittstellen erstellen und auf Benutzeraktionen reagieren und Daten durch einfache Drag & Drop-Operationen anzeigen k\xf6nnen. Benutzer k\xf6nnen komplexe Komponenten wie Tabellen, Diagramme, Formulare, Listen und mehr durch ILLA erstellen.","landingPage.components.headerContent.btnText":"Kostenlos ausprobieren","landingPage.components.classify.inputs.title":"Eingaben","landingPage.components.classify.inputs.upload.title":"Hochladen","landingPage.components.classify.inputs.upload.description":"Die \'Hochladen\'-Komponente in ILLA Cloud erm\xf6glicht es Benutzern, beliebige Dateien in ihre Anwendung hochzuladen.","landingPage.components.classify.inputs.switch.title":"Schalter","landingPage.components.classify.inputs.switch.description":"Die \'Schalter\'-Komponente in ILLA Cloud bietet einen Kippschalter, mit dem Benutzer eine bestimmte Einstellung oder Funktion ein- oder ausschalten k\xf6nnen.","landingPage.components.classify.inputs.select.title":"Ausw\xe4hlen","landingPage.components.classify.inputs.select.description":"Die \'Ausw\xe4hlen\'-Komponente in ILLA Cloud ist ein Dropdown-Selektor, mit dem Benutzer aus einer Liste von Optionen ausw\xe4hlen k\xf6nnen. Dadurch wird eine benutzerfreundliche und platzsparende M\xf6glichkeit zur Eingabe von Daten bereitgestellt.","landingPage.components.classify.inputs.radioGroup.title":"Radio-Gruppe","landingPage.components.classify.inputs.radioGroup.description":"Die \'Radio-Gruppe\'-Komponente in ILLA Cloud ist ein Optionsfeld, mit dem Benutzer eine Option aus einer Liste von Auswahlm\xf6glichkeiten ausw\xe4hlen k\xf6nnen. Dadurch wird eine einfache und \xfcbersichtliche M\xf6glichkeit zur Eingabe und Verwaltung von Daten bereitgestellt.","landingPage.components.classify.inputs.checkboxGroup.title":"Checkbox-Gruppe","landingPage.components.classify.inputs.checkboxGroup.description":"Die \'Checkbox-Gruppe\'-Komponente in ILLA Cloud ist ein Checkbox-Selektor, mit dem Benutzer mehrere Optionen aus einer Liste ausw\xe4hlen k\xf6nnen. Dadurch wird eine einfache und effiziente M\xf6glichkeit zur Verwaltung von Daten bereitgestellt.","landingPage.components.classify.data.title":"Daten","landingPage.components.classify.inputs.chart.title":"Diagramm","landingPage.components.classify.inputs.chart.description":"Die \'Diagramm\'-Komponente in ILLA Cloud zeigt verschiedene Arten von Diagrammen basierend auf verkn\xfcpften Daten an und bietet Benutzern klare und visuell ansprechende Darstellungen komplexer Daten.","landingPage.components.classify.inputs.tables.title":"Tabellen","landingPage.components.classify.inputs.tables.description":"Die \'Tabellen\'-Komponente in ILLA Cloud zeigt Daten aus einer Datenbank in einem tabellarischen Format an, sodass Benutzer Informationen auf einen Blick anzeigen, sortieren und analysieren k\xf6nnen.","landingPage.components.classify.Presentation.title":"Pr\xe4sentation","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"Die \'PDF\'-Komponente in ILLA Cloud ist ein Anzeigeelement, mit dem Benutzer PDF-Dateien innerhalb der Anwendung anzeigen und interagieren k\xf6nnen.","landingPage.components.classify.inputs.video.title":"Video","landingPage.components.classify.inputs.video.description":"Die \'Video\'-Komponente in ILLA Cloud ist ein Anzeigeelement, mit dem Benutzer Videos innerhalb der Anwendung abspielen und interagieren k\xf6nnen.","landingPage.integrations.meta.title":"ILLA Cloud Integrationen","landingPage.integrations.meta.description":"Erfahren Sie, wie Sie die Integrationen verwenden, um auf Datenressourcen zuzugreifen und mit ihnen zu arbeiten.","landingPage.integrations.headerContent.title":"Verbinden Sie sich mit jeder Datenquelle","landingPage.integrations.headerContent.description":"Mit der M\xf6glichkeit, sich mit g\xe4ngigen Datenbanken oder beliebigen Daten, die \xfcber APIs verbunden sind, zu verbinden, erm\xf6glicht ILLA Cloud Entwicklern, Daten, die vom Back-End erhalten wurden, eng mit Front-End-Komponenten zu integrieren. Dies erm\xf6glicht es Entwicklern, Datenaufrufe einfach zu schreiben und umfassende Informationsinteraktion durch Hinzuf\xfcgen von Ressourcen und Aktionen zur Reaktion auf Benutzerereignisse zu erreichen.","landingPage.integrations.headerContent.btnText":"Kostenlos ausprobieren","landingPage.integrations.classify.database.title":"Datenbank-Integrationen","landingPage.integrations.classify.database.mysql.description":"Ein Open-Source-relationales Datenbankmanagementsystem, das effiziente Speicherung und Abruf von Daten erm\xf6glicht.","landingPage.integrations.classify.database.postgreSQL.description":"Ein fortschrittliches Open-Source-Relationales Datenbankmanagementsystem, das f\xfcr seine Stabilit\xe4t und Zuverl\xe4ssigkeit bekannt ist.","landingPage.integrations.classify.database.mariadb.description":"Eine von der Community getriebene Open-Source-Version von MySQL mit verbesserten Funktionen und Leistungsverbesserungen.","landingPage.integrations.classify.database.tidb.description":"Eine verteilte SQL-Datenbank, die sowohl SQL- als auch NoSQL-Workloads mit horizontaler Skalierbarkeit und Ausfallsicherheit unterst\xfctzt.","landingPage.integrations.classify.database.redis.description":"Ein im Arbeitsspeicher befindlicher Datenstrukturspeicher, der h\xe4ufig als Datenbank, Cache und Nachrichtenbroker verwendet wird.","landingPage.integrations.classify.database.appwrite.description":"Eine Open-Source-Backend-Serverplattform, die Authentifizierung, Datenbank- und Speicherdienste f\xfcr Web- und Mobilanwendungen bereitstellt.","landingPage.integrations.classify.database.mongodb.description":"Eine NoSQL-Dokumentendatenbank, die Daten in flexiblen, JSON-\xe4hnlichen Dokumenten speichert.","landingPage.integrations.classify.database.oracleDB.description":"Ein leistungsstarkes, skalierbares relationales Datenbankmanagementsystem, das einen umfassenden Satz von Funktionen und Tools bietet.","landingPage.integrations.classify.database.elasticSearch.description":"Eine verteilte, RESTful-Such- und Analysierungsengine, die gro\xdfe Datenmengen verarbeiten kann.","landingPage.integrations.classify.database.couchDB.description":"Eine NoSQL-dokumentenorientierte Datenbank, die eine verteilte Architektur mit inkrementeller Replikation und Konflekterkennung bietet.","landingPage.integrations.classify.database.firebase.description":"Eine Plattform, die Backend-Services wie eine echtzeitf\xe4hige Datenbank, Authentifizierung, Cloud-Messaging und mehr f\xfcr mobile und Webanwendungen bietet.","landingPage.integrations.classify.database.mssql.description":"Ein relationales Datenbankmanagementsystem, das von Microsoft entwickelt wurde und Transaktionsverarbeitung, Business Intelligence und Analyseanwendungen unterst\xfctzt.","landingPage.integrations.classify.database.supabaseDB.description":"Ein Open-Source-Spaltenorientiertes Datenbankmanagementsystem, das f\xfcr Online-Analyse-Verarbeitungs-Workloads (OLAP) konzipiert ist.","landingPage.integrations.classify.database.neon.description":"Das vollst\xe4ndig verwaltete Multi-Cloud Postgres mit einem gro\xdfz\xfcgigen Gratisangebot. Wir haben Speicher und Recheneinheiten getrennt, um Autoscaling, Branching und unendlichen Speicher anzubieten.","landingPage.integrations.classify.database.hydra.description":"Ein Open-Source, spaltenorientiertes RDBMS, das auf Postgres aufbaut.","landingPage.integrations.classify.database.dynamoDB.description":"Ein vollst\xe4ndig verwalteter NoSQL-Datenservice, der hohe Leistung, Skalierbarkeit und Zuverl\xe4ssigkeit bietet.","landingPage.integrations.classify.database.snowflake.description":"Eine Cloud-basierte Data-Warehousing-Plattform, die f\xfcr die Speicherung und Analyse von gro\xdfen Datenmengen konzipiert ist.","landingPage.integrations.classify.api.title":"API-Integrations","landingPage.integrations.classify.api.hfAPI.description":"Eine API, die benutzerfreundliche vortrainierte Modelle f\xfcr die Verarbeitung nat\xfcrlicher Sprache bietet.","landingPage.integrations.classify.api.hfEndpoint.description":"Ein Endpunkt, der eine einfache Bereitstellung und Skalierung von Hugging Face-Modellen f\xfcr die Verarbeitung nat\xfcrlicher Sprache erm\xf6glicht.","landingPage.integrations.classify.api.restAPI.description":"Ein webbasiertes Architekturstil zur Erstellung von Webdiensten, die HTTP-Protokolle zum Austausch von Daten zwischen Client und Server verwenden.","landingPage.integrations.classify.api.s3.description":"Ein Cloud-basierter Objektspeicherdienst, der skalierbaren, sicheren und dauerhaften Datenspeicher f\xfcr verschiedene Anwendungsf\xe4lle bietet.","landingPage.integrations.classify.api.smtp.description":"Ein Protokoll zum Senden und Empfangen von E-Mail-Nachrichten \xfcber das Internet.","landingPage.integrations.classify.api.graphQL.description":"Eine Abfragesprache f\xfcr APIs, die eine effizientere, leistungsst\xe4rkere und flexiblere Alternative zu traditionellen REST APIs bietet.","landingPage.integrations.classify.api.googleSheets.description":"Eine Cloud-basierte Tabellenkalkulationssoftware, mit der Benutzer online Tabellenkalkulationen erstellen und bearbeiten k\xf6nnen und gleichzeitig in Echtzeit mit anderen zusammenarbeiten.","landingPage.integrations.classify.api.airtable.description":"Eine flexible und kollaborative Plattform zur Verwaltung von Projekten, Daten und Teams nahtlos.","blog.all_posts":"Alle Beitr\xe4ge","blog.all_posts_desc_bold":"ILLA Blogs","blog.all_posts_desc":"\uff5cEin herausragendes Wissensrepository f\xfcr Entwickler, das ein breites Spektrum an Themen wie Frontend- und Backend-Entwicklung, KI, Low-Code und ILLA Cloud abdeckt. Hier k\xf6nnen Sie sich in modernsten Technologien vertiefen, sich mit aufstrebenden Trends befassen und einen lebendigen Erfahrungsaustausch erleben.","theme.blog.posts_tagged_with":"Beitr\xe4ge mit Tags versehen","website_4.solution.use_this_template":"Jetzt ausprobieren","blog.feature_posts":"Beliebte Beitr\xe4ge","call-to-action.title":"Apps mit ILLA Cloud erstellen","call-to-action.desc":"Jedes interne Tool kann in 1 Minute mit ILLA Cloud erstellt werden.","call-to-action.button-1":"Kostenlos testen","call-to-action.button-2":"Mit GitHub anmelden","title.github":"GitHub","title.stars":"Sterne","title.star-us":"Sterne uns","illa_flow.how_it_works.how_it_works":"Wie funktioniert es","illa_flow.how_it_works.automate_anything":"Alles kann automatisiert werden","illa_flow.how_it_works.illa_flow_allow_to_integrate":"ILLA Flow erm\xf6glicht die Integration mit beliebigen Datenbanken oder APIs, um jede gew\xfcnschte Aufgabe zu automatisieren.","illa_flow.image_alt.send_data":"Automatisieren Sie m\xfchelos Ihre t\xe4gliche Datenanalyse und Berichterstellung mit unserem Tool. Legen Sie einfach geplante Aufgaben fest, um Daten abzurufen, Berichte zu generieren und sie nahtlos an Ihren Slack-Arbeitsbereich zu \xfcbermitteln.","illa_flow.how_it_works_automate.send_data":"Bitte senden Sie den Verkaufsbericht an {everyDay}","illa_flow.image_alt.send_marketing_email":"Optimieren Sie Ihre Marketingbem\xfchungen mit unserer KI-gesteuerten Software. Generieren Sie \xfcberzeugende Marketing-E-Mails und senden Sie sie m\xfchelos in den Posteingang Ihrer Kunden","illa_flow.how_it_works_automate.send_marketing_email":"Senden Sie {marketing} E-Mails","illa_flow.image_alt.ecommercial":"Einfach alle Produktinformationen aus Ihrer Datentabelle abrufen und mithilfe einer Looping-Aufgabe beschreibende Details f\xfcr jedes Produkt erzeugen. Halten Sie Ihre Datentabelle mit den neuesten Produktbeschreibungen auf dem Laufenden.","illa_flow.how_it_works_code.transformer":"E-Commerial: Beschreibung der Massenaktualisierung","illa_flow.how_it_works_automate.every_day":"Jeden Tag","illa_flow.how_it_works_automate.ecommercial":"Marketing","illa_flow.how_it_works.code_anywhere":"Code \xfcberall","illa_flow.how_it_works.write_javascript":"Passen Sie das Datenformat an und implementieren Sie weitere Funktionen, indem Sie JavaScript-Code schreiben","illa_flow.image_alt.code.left":"Erh\xf6hen Sie die Flexibilit\xe4t, indem Sie die Definition der Daten-Ein- und -Ausgabe codieren. Mit individuellem Code k\xf6nnen Sie die Datenverarbeitung an Ihre spezifischen Anforderungen anpassen und so eine gr\xf6\xdfere Anpassungsf\xe4higkeit und Kontrolle gew\xe4hrleisten","illa_flow.how_it_works_code.transformer_desc":"Transformer","illa_flow.how_it_works_code.js":"JavaScript schreiben, um Daten zu manipulieren","illa_flow.image_alt.code.right":"Erh\xf6hen Sie die Flexibilit\xe4t, indem Sie die Definition der Daten-Ein- und -Ausgabe codieren. Mit individuellem Code k\xf6nnen Sie die Datenverarbeitung an Ihre spezifischen Anforderungen anpassen und so eine gr\xf6\xdfere Anpassungsf\xe4higkeit und Kontrolle gew\xe4hrleisten","illa_flow.how_it_works_code.js_color_schema":"Schreibe {jsCode}","illa_flow.how_it_works_code.js_desc":"in jeder Art von Ressourcen","illa_flow.how_it_works_code.js_code":"JS Code","illa_flow.how_it_works.customize_your_business_automation":"Entfesseln Sie das Potenzial Ihres Teams mit dem ILLA Product Hub","illa_flow.how_it_works.customize_your_business_automation_effortlessly,_unleash_productivity,_accelerate_business_growth.":"Passen Sie Ihre Business Automation m\xfchelos an, entfesseln Sie Produktivit\xe4t und beschleunigen Sie das Gesch\xe4ftswachstum.","illa_flow.image_alt.centralize":"Zentralisieren Sie Ihre Ressourcen bei uns, indem Sie nahtlos mit Ihrer Datenbank verbinden, Anwendungen erstellen, automatisierte Workflows erstellen und KI-Funktionen integrieren - alles an einem Ort. Optimieren Sie Ihre Abl\xe4ufe f\xfcr maximale Effizienz","illa_flow.how_it_works.centralize_resources":"Zentralisierung von Ressourcen","illa_flow.how_it_works.centralize_your_resources":"Zentralisieren Sie Ihre Ressourcen und decken Sie Ihre gesch\xe4ftlichen Anforderungen an einem Ort ab","illa_flow.image_alt.more_intelligent":"\u65e0\u9700\u7f16\u7a0b\u6280\u80fd\u5c31\u53ef\u4ee5\u4e0d\u8d39\u529b\u5730\u548c AI \u81ea\u5b9a\u4e49AI \u884c\u4e3a\u3002\u9002\u5408\u60a8\u7684\u7279\u5b9a\u8981\u6c42\u3002","illa_flow.how_it_works.more_intelligent":"Intelligenter","illa_flow.how_it_works.integration_with_ai_agent":"Integrieren Sie sich mit einem AI Agent, um Ihren Arbeitsablauf intelligenter zu gestalten.","illa_flow.image_alt.integrate":"Verbessern Sie die Leistungsf\xe4higkeit Ihrer internen Tools, indem Sie sie nahtlos mit der ILLA Builder-App verbinden. Entsperren Sie neue Funktionen und Features, um Ihre internen Prozesse zu optimieren","illa_flow.how_it_works.integrate_with_illa_builder":"Integrieren Sie sich mit ILLA Builder","illa_flow.how_it_works.enhance_the_power_of_your_internal_tools":"Steigern Sie die Leistungsf\xe4higkeit Ihrer internen Tools","illa_flow.first_screen.illa_flow":"ILLA Flow","illa_flow.first_screen.surpassing_developers":"Die Erwartungen der Entwickler \xfcbertreffen und Workflows m\xfchelos automatisieren","illa_flow.first_screen.get_started_for_free":"Kostenlos starten","illa_flow.how_it_works.coming_soon":"Bald verf\xfcgbar","learn_more":"Mehr erfahren","pricing.billing.pricing.premium.desc":"Erweitern Sie Ihr Team, um auf erweiterte Funktionen zuzugreifen","pricing.billing.pricing.premium.price":"/Monat/Editor","pricing.billing.pricing.colla.desc":"Verwendung zur Bezahlung von Mehrwertdiensten in ILLA Cloud","pricing.billing.pricing.colla.price":"/Monat/5k Colla","pricing.billing.plus-btn":"Upgrade","landingPageDetail.audio.name":"Audio","landingPageDetail.audio.title":"Verwenden Sie das Audio-Komponent in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.audio.description":"Die \'Video\' Komponente in ILLA Cloud erm\xf6glicht es Benutzern, Videos und Audio in der Anwendung abzuspielen und mit ihnen zu interagieren und bietet so eine effiziente und bequeme M\xf6glichkeit, Multimedia-Inhalte abzurufen. Ein Benutzer kann beispielsweise die Video-Komponente verwenden, um ein Tutorial-Video anzuschauen, w\xe4hrend er an einem Projekt arbeitet, wodurch Zeit gespart wird und die Produktivit\xe4t gesteigert wird, indem alle erforderlichen Informationen in der Anwendung sofort verf\xfcgbar sind.","landingPageDetail.audio.metaTitle":"ILLA Cloud | Audio-Komponente","landingPageDetail.audio.metaDescription":"Erfahren Sie, wie Sie die Audio-Komponente in ILLA Cloud verwenden, der Open-Source Low-Code-Plattform f\xfcr das Erstellen interner Tools.","landingPageDetail.barProgress.name":"Fortschrittsbalken","landingPageDetail.barProgress.title":"Verwenden Sie das Fortschrittsbalken-Komponent in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.barProgress.description":"Die Fortschrittsbalken-Komponente in ILLA Cloud stellt den Fortschritt auf einer Skala von 0 bis 100 visuell dar. Dies erm\xf6glicht Benutzern, ihren Fortschritt schnell und effizient zu verfolgen. Durch die klare und pr\xe4gnante visuelle Darstellung des Fortschritts k\xf6nnen Benutzer leicht verstehen, wie weit sie bei einer bestimmten Aufgabe oder einem bestimmten Projekt fortgeschritten sind, ohne Zeit damit zu verschwenden, den Prozentsatz der Fertigstellung zu berechnen, wodurch wertvolle Zeit gespart wird und sie sich auf wichtigere Aufgaben konzentrieren k\xf6nnen.","landingPageDetail.barProgress.metaTitle":"ILLA Cloud Fortschrittsbalken-Komponente - Visualisieren Sie die Datenfortschritte","landingPageDetail.barProgress.metaDescription":"Erfahren Sie, wie Sie die Balkenfortschrittskomponente verwenden, um Dashboards, Berichte, Umfragen und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.button.name":"Schaltfl\xe4che","landingPageDetail.button.title":"Verwenden Sie die Button-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.button.description":"Die Button-Komponente in ILLA Cloud ist ein vielseitiges Werkzeug, das zur Ausl\xf6sung von Aktionen und Verbesserung der Benutzererfahrung genutzt werden kann. Sie bietet eine klare und intuitive M\xf6glichkeit zur Interaktion mit der Anwendung. Zum Beispiel kann ein Benutzer eine \'Speichern\'-Schaltfl\xe4che erstellen, die bei einem Klick eine Datenbankaktualisierung ausl\xf6st. Dadurch wird der Workflow optimiert und dem Benutzer Zeit bei der manuellen Aktualisierung der Datenbank gespart.","landingPageDetail.button.metaTitle":"ILLA Cloud | Button-Komponente","landingPageDetail.button.metaDescription":"Erfahren Sie, wie Sie die Button-Komponente in ILLA Cloud, der Open-Source Low-Code-Plattform zur Erstellung interner Tools, verwenden.","landingPageDetail.carousel.name":"Karussell","landingPageDetail.carousel.title":"Verwenden Sie die Karussell-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.carousel.description":"Die \'Karussell\'-Komponente in ILLA Cloud zeigt mehrere Bilder oder Medien in einer einzigen Benutzeroberfl\xe4che an und spart Benutzern Zeit, indem sie die Navigation durch separate Seiten oder Fenster \xfcberfl\xfcssig macht. Benutzer k\xf6nnen mit dem Karussell interagieren, um den angezeigten Inhalt wie Bilder oder Videos anzuzeigen und zu nutzen, und das alles innerhalb derselben Benutzeroberfl\xe4che. Dies erm\xf6glicht eine nahtlose und effiziente Benutzererfahrung.","landingPageDetail.carousel.metaTitle":"ILLA Cloud | Karussell-Komponente","landingPageDetail.carousel.metaDescription":"Erfahren Sie, wie Sie die Karussell-Komponente in ILLA Cloud, einer Low-Code-Plattform zur Erstellung interner Tools, verwenden.","landingPageDetail.cascader.name":"Kaskadierer","landingPageDetail.cascader.title":"Verwenden Sie die Kaskadierer-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.cascader.description":"Die Kaskadierer-Komponente in ILLA Cloud erm\xf6glicht Benutzern die Auswahl einer Option aus mehreren Ebenen von Auswahlm\xf6glichkeiten und bietet einen hierarchischen und effizienten Ansatz zur Dateneingabe und -verwaltung. Zum Beispiel kann ein Benutzer ein Formular f\xfcr die Produktwahl erstellen und die \'Kaskadierer\'-Komponente verwenden, um Benutzern die Auswahl ihrer bevorzugten Produktkategorie, Marke und Modell zu erm\xf6glichen. Dies verbessert die Genauigkeit und Effizienz der Datensammlung.","landingPageDetail.cascader.metaTitle":"ILLA Cloud Kaskadierer-Komponente | ILLA Cloud","landingPageDetail.cascader.metaDescription":"Erfahren Sie, wie Sie die Kaskadierer-Komponente in ILLA Cloud verwenden, um Optionen aus Kaskadenmen\xfcs auszuw\xe4hlen.","landingPageDetail.chart.name":"Diagramm","landingPageDetail.chart.title":"Verwenden Sie die Diagramm-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.chart.description":"Die \'Diagramm\'-Komponente in ILLA Cloud zeigt verschiedene Diagrammtypen basierend auf verkn\xfcpften Daten an und bietet eine klare und visuell ansprechende M\xf6glichkeit, komplexe Informationen zu analysieren. Benutzer k\xf6nnen Datenpunkte leicht vergleichen und Trends erkennen, was es zu einem effizienten Werkzeug f\xfcr Entscheidungsfindung macht. Zum Beispiel kann ein Verkaufsteam ein Diagramm verwenden, um ihren Umsatz zu visualisieren und Bereiche zur Verbesserung zu identifizieren. Insgesamt kann die Diagramm-Komponente Benutzern Zeit sparen, indem sie den Prozess der Datenanalyse vereinfacht und Informationen in einem leicht verst\xe4ndlichen Format pr\xe4sentiert.","landingPageDetail.chart.metaTitle":"ILLA Cloud Diagramm-Komponente - Daten als Graphen und Diagramme visualisieren","landingPageDetail.chart.metaDescription":"Erfahren Sie, wie Sie die Diagramm-Komponente verwenden, um mit ILLA Cloud Dashboards, Berichte, Umfragen und mehr zu erstellen.","landingPageDetail.checkboxGroup.name":"Checkbox-Gruppe","landingPageDetail.checkboxGroup.title":"Verwenden Sie die Checkbox-Gruppen-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.checkboxGroup.description":"Die Checkbox-Gruppen-Komponente in ILLA Cloud bietet Benutzern eine bequeme und effiziente M\xf6glichkeit, mehrere Optionen aus einer Liste auszuw\xe4hlen und spart Zeit und Aufwand. Zum Beispiel kann ein Benutzer ein Formular f\xfcr Produktpr\xe4ferenzen erstellen und die \'Checkbox-Gruppen\'-Komponente verwenden, um Benutzern die Auswahl mehrerer Optionen wie Farbe oder Gr\xf6\xdfe zu erm\xf6glichen. Dadurch wird der Prozess der Datensammlung optimiert.","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox-Gruppen-Komponente","landingPageDetail.checkboxGroup.metaDescription":"Erfahren Sie, wie Sie die Checkbox-Gruppen-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.circleProgress.name":"Kreisfortschritt","landingPageDetail.circleProgress.title":"Verwenden Sie die Kreisfortschritts-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.circleProgress.description":"Die Kreisfortschritts-Komponente in ILLA Cloud dient dazu, den Fortschritt auf einer kreisf\xf6rmigen Form anzuzeigen und bietet Benutzern eine visuell ansprechende M\xf6glichkeit, den Fortschritt zu verfolgen. Diese Komponente kann Benutzern Zeit sparen, indem sie ihnen erm\xf6glicht, den Fortschritt einer Aufgabe oder eines Projekts schnell und einfach zu erkennen, ohne den Prozentsatz manuell berechnen zu m\xfcssen. Dies hilft ihnen, Bereiche zu identifizieren, die m\xf6glicherweise zus\xe4tzliche Aufmerksamkeit oder Ressourcen erfordern, und den Fortschritt klar und pr\xe4gnant an Teammitglieder und Stakeholder zu kommunizieren.","landingPageDetail.circleProgress.metaTitle":"ILLA Cloud Kreisfortschritts-Komponente - Datenfortschritt in einer kreisf\xf6rmigen Leiste anzeigen und verwalten","landingPageDetail.circleProgress.metaDescription":"Erfahren Sie, wie Sie die Kreisfortschritts-Komponente in ILLA Cloud verwenden, um den Fortschritt von Daten in einer kreisf\xf6rmigen Leiste darzustellen.","landingPageDetail.container.name":"Container","landingPageDetail.container.title":"Verwenden Sie das Container-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.container.description":"Die \'Container\'-Komponente in ILLA Cloud fasst mehrere Komponenten zusammen und erleichtert es den Benutzern, Inhalte zu organisieren und zu verwalten. Zum Beispiel kann ein Benutzer eine Gruppe von Eingabefeldern in einem Container zusammenfassen, um den Prozess der Datenerfassung und -\xfcbermittlung zu vereinfachen. Dadurch k\xf6nnen Workflows optimiert und die Effizienz verbessert werden, was Zeit spart.","landingPageDetail.container.metaTitle":"ILLA Cloud | Container-Komponente","landingPageDetail.container.metaDescription":"Erfahren Sie, wie Sie die Container-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.date.name":"Datum","landingPageDetail.date.title":"Verwenden Sie das Datum-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.date.description":"Die Datum-Komponente in ILLA Cloud vereinfacht die Datumsauswahl durch eine benutzerfreundliche Kalenderoberfl\xe4che und verbessert die Effizienz und Genauigkeit der datumsbezogenen Datenverwaltung. Zum Beispiel kann ein Benutzer ein Formular f\xfcr die Veranstaltungsregistrierung erstellen und die Datum-Komponente verwenden, um Benutzern die Auswahl des Veranstaltungsdatums zu erm\xf6glichen. Dadurch werden Fehler vermieden und der Registrierungsprozess optimiert.","landingPageDetail.date.metaTitle":"ILLA Cloud | Datum-Komponente","landingPageDetail.date.metaDescription":"Erfahren Sie, wie Sie die Datum-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.dateRange.name":"Datumsbereich","landingPageDetail.dateRange.title":"Verwenden Sie die Datumsbereich-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.dateRange.description":"Die \'Datumsbereich\'-Komponente in ILLA Cloud vereinfacht die Auswahl von Datumsbereichen durch eine benutzerfreundliche Kalenderoberfl\xe4che, wodurch Zeit und Aufwand gespart werden. Zum Beispiel kann ein Benutzer einen Bericht erstellen und die \'Datumsbereich\'-Komponente verwenden, um Benutzern die Auswahl eines Datumsbereichs f\xfcr die Datenanalyse zu erm\xf6glichen. Dadurch wird der Prozess vereinfacht und die Effizienz erh\xf6ht.","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | Datumsbereich-Komponente","landingPageDetail.dateRange.metaDescription":"Erfahren Sie, wie Sie die Datumsbereich-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.dateTime.name":"Datum und Uhrzeit","landingPageDetail.dateTime.title":"Verwenden Sie die Datum und Uhrzeit-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.dateTime.description":"Die Datum und Uhrzeit-Komponente in ILLA Cloud vereinfacht die Auswahl von Datums- und Uhrzeitangaben durch eine benutzerfreundliche Kalenderoberfl\xe4che und verbessert die Effizienz und Genauigkeit der Datenverwaltung. Zum Beispiel kann ein Benutzer ein Formular f\xfcr die Terminplanung erstellen und die \'Datum und Uhrzeit\'-Komponente verwenden, um Benutzern die Auswahl des genauen Datums und der Uhrzeit zu erm\xf6glichen. Dadurch werden Fehler vermieden und der Prozess optimiert.","landingPageDetail.dateTime.metaTitle":"ILLA Cloud Datum und Uhrzeit-Komponente - Datum und Uhrzeit ausw\xe4hlen und anzeigen","landingPageDetail.dateTime.metaDescription":"Erfahren Sie, wie Sie mit dem Datum/Uhrzeit-Komponente Formulare, Umfragen, Dashboards und mehr mit ILLA Cloud erstellen k\xf6nnen.","landingPageDetail.divider.name":"Trennlinie","landingPageDetail.divider.title":"Verwenden Sie die Trennlinien-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.divider.description":"Die \'Trennlinien\'-Komponente in ILLA Cloud ist ein visuelles Element, das klare Unterscheidungen zwischen verschiedenen Abschnitten von Inhalten schafft und die Navigation und Organisation verbessert. Durch die Verwendung von Trennlinien k\xf6nnen Benutzer Zeit sparen, indem sie schnell die ben\xf6tigten Informationen finden, ohne durch un\xfcbersichtliche oder unorganisierte Inhalte suchen zu m\xfcssen, was die Benutzererfahrung verbessert.","landingPageDetail.divider.metaTitle":"ILLA Cloud | Trennlinien-Komponente","landingPageDetail.divider.metaDescription":"Erfahren Sie, wie Sie die Trennlinien-Komponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.editableText.name":"Editierbarer Text","landingPageDetail.editableText.title":"Verwenden Sie die Editierbaren Text-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.editableText.description":"Die Editierbare Text-Komponente in ILLA Cloud erm\xf6glicht es Benutzern, Text in einer Einzeiligen-Eingabebox einzugeben und zu bearbeiten, und der eingegebene Text kann beim Hovern angezeigt werden. Diese Komponente kann Benutzern Zeit sparen, indem sie eine schnelle und einfache M\xf6glichkeit zur Textbearbeitung bietet. Zum Beispiel kann ein Benutzer ein Formular erstellen, das Benutzerfeedback sammelt, und die \'Editierbare Text\'-Komponente verwenden, um Benutzern zu erm\xf6glichen, ihre Kommentare vor dem Absenden zu bearbeiten. Dies kann Unternehmen helfen, ihre Effizienz zu verbessern, indem die Notwendigkeit f\xfcr Hin und Her Kommunikation reduziert wird.","landingPageDetail.editableText.metaTitle":"ILLA Cloud | Editierbare Text-Komponente","landingPageDetail.editableText.metaDescription":"Erfahren Sie, wie Sie die Editierbare Text-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.form.name":"Formular","landingPageDetail.form.title":"Verwenden Sie die Formular-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.form.description":"Die \'Formular\'-Komponente in ILLA Cloud erm\xf6glicht es Benutzern, erforderliche Informationen einzugeben und zu \xfcbermitteln, und bietet eine effiziente M\xf6glichkeit, Daten zu sammeln und zu verarbeiten. Sie kann Zeit sparen, indem sie den Dateneingabeprozess standardisiert, Fehler reduziert und die Datenorganisation und -analyse erleichtert. Zum Beispiel kann ein Unternehmen eine Formular-Komponente verwenden, um Mitarbeiterinformationen wie Kontaktdetails und Jobpositionen zu sammeln und die Daten einfach f\xfcr Personalzwecke zu organisieren.","landingPageDetail.form.metaTitle":"ILLA Cloud | Formular-Komponente","landingPageDetail.form.metaDescription":"Erfahren Sie, wie Sie die Formular-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.icon.name":"Symbol","landingPageDetail.icon.title":"Verwenden Sie das Symbolkomponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.icon.description":"Die Symbolkomponente in ILLA Cloud bietet Benutzern eine schnelle und einfache M\xf6glichkeit, vorgefertigte Symbole einzuf\xfcgen. Dadurch wird die visuelle Attraktivit\xe4t und Benutzerfreundlichkeit der Anwendung verbessert. Zum Beispiel kann ein Benutzer ein Einkaufswagen-Symbol einf\xfcgen, um die Funktion des Warenkorbs in einer E-Commerce-Anwendung darzustellen. Dadurch wird Zeit und Aufwand bei der Erstellung eines benutzerdefinierten Symbols gespart und die Benutzererfahrung verbessert.","landingPageDetail.icon.metaTitle":"ILLA Cloud | Symbolkomponente","landingPageDetail.icon.metaDescription":"Erfahren Sie, wie Sie die Symbolkomponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.image.name":"Bild","landingPageDetail.image.title":"Verwenden Sie die Bildkomponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.image.description":"Die Bildkomponente in ILLA Cloud bietet Benutzern eine einfache M\xf6glichkeit, Bilder anzuzeigen. Dadurch wird die visuelle Attraktivit\xe4t und Zug\xe4nglichkeit von Informationen verbessert. Zum Beispiel kann ein Benutzer die \'Bild\'-Komponente verwenden, um Produktbilder in einer E-Commerce-Anwendung anzuzeigen. Dadurch wird Zeit und Aufwand bei der Bereitstellung einer klaren und attraktiven Darstellung von Produkten gespart.","landingPageDetail.image.metaTitle":"ILLA Cloud Bildkomponente - Bilder in Ihrer App anzeigen und verwalten","landingPageDetail.image.metaDescription":"Erfahren Sie, wie Sie die Bildkomponente verwenden, um Galerien, Slider, Miniaturansichten und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.input.name":"Eingabe","landingPageDetail.input.title":"Verwenden Sie die Eingabekomponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.input.description":"In ILLA Cloud erm\xf6glicht die Eingabekomponente mit einem linken Label die automatische Daten\xfcbernahme und spart Zeit und erh\xf6ht die Effizienz. Benutzer k\xf6nnen einfach die erforderlichen Informationen f\xfcr weitere Verarbeitungsschritte bereitstellen. Zum Beispiel kann sie zur Erfassung von Kundendaten verwendet werden, um Datenerfassungs- und Verarbeitungsworkflows zu optimieren. Die gesammelten Daten k\xf6nnen f\xfcr Kundensegmentierung, gezielte Marketingkampagnen und Kundensupport genutzt werden und bieten so eine effiziente und zeitsparende L\xf6sung.","landingPageDetail.input.metaTitle":"ILLA Cloud | Eingabekomponente","landingPageDetail.input.metaDescription":"Erfahren Sie, wie Sie die Eingabekomponente in ILLA Cloud, einer Low-Code-Plattform zum Erstellen interner Tools, verwenden.","landingPageDetail.list.name":"Liste","landingPageDetail.list.title":"Verwenden Sie die Listenkomponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.list.description":"Die Listenkomponente bietet eine organisierte und effiziente M\xf6glichkeit, Daten anzuzeigen und zu verwalten, wodurch Benutzer Zeit sparen und Informationen schnell abrufen und bearbeiten k\xf6nnen. Zum Beispiel kann ein Vertriebsleiter die Listenkomponente verwenden, um Kundenbestellungen anzuzeigen und zu verfolgen, um Trends zu identifizieren und datenbasierte Entscheidungen zu treffen. Insgesamt kann die Listenkomponente die Produktivit\xe4t steigern und die Datenanalyse verbessern.","landingPageDetail.list.metaTitle":"ILLA Cloud Listenkomponente - Wiederholbare Datens\xe4tze erstellen","landingPageDetail.list.metaDescription":"Erfahren Sie, wie Sie die Listenkomponente verwenden, um Galerien, Slider, Tabellen und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.menu.name":"Men\xfc","landingPageDetail.menu.title":"Verwenden Sie das Men\xfckomponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.menu.description":"Durch die Verwendung der Men\xfckomponente k\xf6nnen Benutzer schnell auf verschiedene Optionen zugreifen, ohne sich durch mehrere Seiten navigieren zu m\xfcssen. Dadurch wird Zeit gespart und die Effizienz wird gesteigert. Zum Beispiel kann ein Benutzer die Men\xfckomponente verwenden, um auf verschiedene Funktionen einer Softwareanwendung zuzugreifen. Dadurch k\xf6nnen h\xe4ufig verwendete Funktionen einfach erreicht und der Workflow optimiert werden.","landingPageDetail.menu.metaTitle":"ILLA Cloud Men\xfckomponente - Anzeigen und Verwalten der Seitenstruktur","landingPageDetail.menu.metaDescription":"Erfahren Sie, wie Sie mit der Men\xfckomponente Navigationsleisten, Seitenleisten, Dropdown-Men\xfcs und mehr in ILLA Cloud erstellen k\xf6nnen.","landingPageDetail.modal.name":"Modal","landingPageDetail.modal.title":"Verwenden Sie die Modalkomponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.modal.description":"Die \\"Modal\\"-Komponente in ILLA Cloud ist ein Benutzeroberfl\xe4chenelement, das die Anzeige von Inhalten oder Aufforderungen zur Benutzerinteraktion erm\xf6glicht, ohne die aktuelle Seite zu verlassen oder den Arbeitsablauf des Benutzers zu unterbrechen. Sie erstellt eine schwebende Ebene \xfcber der bestehenden Seite, um Feedback vom Benutzer einzuholen, Informationen anzuzeigen oder Eingaben aufzufordern. Dies erm\xf6glicht ein nahtloses und optimiertes Benutzererlebnis, da Benutzer im selben Kontext bleiben k\xf6nnen, w\xe4hrend sie dennoch mit der Anwendung interagieren k\xf6nnen.","landingPageDetail.modal.metaTitle":"ILLA Cloud | Modalkomponente","landingPageDetail.modal.metaDescription":"Erfahren Sie, wie Sie die Modalkomponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.multiselect.name":"Multiselect","landingPageDetail.multiselect.title":"Verwenden Sie die Multiselect-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.multiselect.description":"Die Multiselect-Komponente in ILLA Cloud bietet Benutzern eine bequeme und effiziente M\xf6glichkeit, mehrere Optionen aus einer Liste auszuw\xe4hlen und spart Zeit und Aufwand. Zum Beispiel kann ein Benutzer ein Umfrageformular erstellen und die \\"Multiselect\\"-Komponente verwenden, um Benutzern die Auswahl mehrerer Optionen wie bevorzugte Produkte oder Dienstleistungen zu erm\xf6glichen, wodurch der Prozess der Datenerfassung optimiert wird.","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | Multiselect-Komponente","landingPageDetail.multiselect.metaDescription":"Erfahren Sie, wie Sie die Multiselect-Komponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.numberInput.name":"Zahleneingabe","landingPageDetail.numberInput.title":"Verwenden Sie die Zahleneingabe-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.numberInput.description":"In ILLA Cloud erm\xf6glicht die Zahleneingabe-Komponente mit linkem Label Benutzern die Eingabe numerischer Werte und bietet eine optimierte Benutzeroberfl\xe4che f\xfcr schnelle und einfache Eingaben. Diese Komponente kann Benutzern Zeit sparen, indem sie die manuelle Dateneingabe \xfcberfl\xfcssig macht. Zum Beispiel kann ein Benutzer ein Bestellformular erstellen, das eine \\"Zahleneingabe\\"-Komponente zur Erfassung von Menge und Preis jedes Artikels enth\xe4lt. Dies kann Unternehmen Zeit sparen und Fehler bei der Auftragsabwicklung reduzieren.","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | Zahleneingabe-Komponente","landingPageDetail.numberInput.metaDescription":"Erfahren Sie, wie Sie die Zahleneingabe-Komponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"Verwenden Sie die PDF-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.pdf.description":"Die \'PDF\'-Komponente in ILLA Cloud erm\xf6glicht es Benutzern, PDF-Dateien innerhalb der App anzuzeigen und mit ihnen zu interagieren, was Zeit spart und die Dokumentenverwaltung optimiert. Ein Benutzer kann zum Beispiel problemlos auf PDF-Dokumente zugreifen und sie ohne Wechsel zwischen verschiedenen Softwareanwendungen annotieren, was die Produktivit\xe4t und Effizienz des Arbeitsablaufs verbessert.","landingPageDetail.pdf.metaTitle":"ILLA Cloud | PDF-Komponente","landingPageDetail.pdf.metaDescription":"Erfahren Sie, wie Sie die PDF-Komponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.radioButton.name":"Radiobutton","landingPageDetail.radioButton.title":"Verwenden Sie die Radiobutton-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.radioButton.description":"Die Radiobutton-Komponente erm\xf6glicht es Benutzern auf schnelle und effiziente Weise, eine Option aus mehreren Auswahlm\xf6glichkeiten auszuw\xe4hlen. Dadurch werden Verwirrung vermieden und der Entscheidungsprozess optimiert. Zum Beispiel k\xf6nnte ein Umfrageformular die Radiobutton-Komponente verwenden, um Benutzern die Auswahl ihrer Altersgruppe, ihres Geschlechts oder ihrer bevorzugten Kontaktoption zu erm\xf6glichen. Dadurch wird der Zeitaufwand bei der Eingabe von Daten reduziert und vereinfacht.","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | Radiobutton-Komponente","landingPageDetail.radioButton.metaDescription":"Erfahren Sie, wie Sie die Radiobutton-Komponente in ILLA Cloud verwenden, der Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.radioGroup.name":"Radiogruppe","landingPageDetail.radioGroup.title":"Verwenden Sie die Radiogruppen-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.radioGroup.description":"Die Radiogruppen-Komponente in ILLA Cloud bietet Benutzern eine einfache und effiziente M\xf6glichkeit, eine Option aus einer Liste auszuw\xe4hlen. Dadurch wird Zeit gespart und Fehler werden reduziert. Zum Beispiel kann ein Benutzer ein Formular f\xfcr die Anmeldung zu einer Veranstaltung erstellen und die \'Radiogruppen\'-Komponente verwenden, um Benutzern die Auswahl ihrer bevorzugten Veranstaltung zu erm\xf6glichen. Dadurch wird der Anmeldevorgang vereinfacht und die Effizienz verbessert.","landingPageDetail.radioGroup.metaTitle":"ILLA Cloud Radiogruppen-Komponente - Erstellen Sie interne Tools m\xfchelos","landingPageDetail.radioGroup.metaDescription":"Erfahren Sie, wie Sie diese Komponente verwenden, um Formulare, Umfragen, Dashboards und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.rate.name":"Bewertung","landingPageDetail.rate.title":"Verwenden Sie die Bewertungskomponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.rate.description":"Die \'Bewertung\'-Komponente in ILLA Cloud bietet Benutzern eine schnelle und einfache M\xf6glichkeit, Produkte, Dienstleistungen oder Erfahrungen zu bewerten, wodurch Zeit bei der Bereitstellung von Feedback gespart wird. Zum Beispiel kann ein Benutzer die Bewertungskomponente verwenden, um einen k\xfcrzlichen Kauf oder eine Erfahrung zu bewerten und Unternehmen dabei unterst\xfctzen, ihre Produkte und Dienstleistungen auf Grundlage des Kundenfeedbacks zu verbessern.","landingPageDetail.rate.metaTitle":"ILLA Cloud | Bewertungskomponente","landingPageDetail.rate.metaDescription":"Erfahren Sie, wie Sie die Bewertungskomponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.select.name":"Auswahl","landingPageDetail.select.title":"Verwenden Sie die Auswahlliste-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.select.description":"Die Auswahlliste-Komponente in ILLA Cloud erm\xf6glicht es Benutzern, aus einer Liste von Optionen auszuw\xe4hlen. Dies bietet eine benutzerfreundliche und platzsparende M\xf6glichkeit zur Eingabe von Daten, womit Zeit gespart und die Effizienz gesteigert werden kann. Zum Beispiel kann ein Benutzer ein Umfrageformular erstellen und die \'Auswahlliste\'-Komponente verwenden, um eine Reihe von Optionen zur Auswahl anzubieten. Dadurch wird der Prozess vereinfacht und eine pr\xe4zise Datenerfassung sichergestellt.","landingPageDetail.select.metaTitle":"ILLA Cloud Auswahlliste-Komponente - W\xe4hlen Sie eine Option aus einer Liste.","landingPageDetail.select.metaDescription":"Erfahren Sie, wie Sie die Auswahlliste-Komponente in ILLA Cloud verwenden, um aus einer Liste von Optionen auszuw\xe4hlen.","landingPageDetail.statistics.name":"Statistiken","landingPageDetail.statistics.title":"Verwenden Sie die Statistik-Komponente in ILLA Cloud, um interne Tools in nur wenigen Klicks zu erstellen.","landingPageDetail.statistics.description":"Die Komponente \'Statistik\' in ILLA Cloud wurde entwickelt, um Benutzern dabei zu helfen, numerische Daten auf visuell ansprechende und leicht verst\xe4ndliche Weise anzuzeigen, um die Datenanalyse und Entscheidungsfindung zu verbessern. Beispielsweise kann ein Benutzer die Statistik-Komponente verwenden, um ein Dashboard zu erstellen, das Verkaufsdaten in verschiedenen visuellen Formaten wie Balkendiagrammen, Kreisdiagrammen und Liniendiagrammen anzeigt. Dadurch spart er Zeit bei der Erstellung individueller Visualisierungen und bietet einen schnellen und klaren \xdcberblick \xfcber die Daten.","landingPageDetail.statistics.metaTitle":"ILLA Cloud | Statistik-Komponente","landingPageDetail.statistics.metaDescription":"Erfahren Sie, wie Sie die Statistik-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.switch.name":"Schalter","landingPageDetail.switch.title":"Verwenden Sie die Schalter-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.switch.description":"Die Schalter-Komponente in ILLA Cloud bietet eine intuitive und benutzerfreundliche M\xf6glichkeit f\xfcr Benutzer, bestimmte Einstellungen oder Funktionen ein- oder auszuschalten, um Zeit zu sparen und die Effizienz zu steigern. Beispielsweise kann ein Benutzer ein Benachrichtigungssystem erstellen und die \'Schalter\'-Komponente verwenden, um Benutzern das Ein- oder Ausschalten von Benachrichtigungen f\xfcr bestimmte Ereignisse wie neue Nachrichten oder Updates zu erm\xf6glichen. Dadurch werden unn\xf6tige Unterbrechungen reduziert.","landingPageDetail.switch.metaTitle":"ILLA Cloud | Schalter-Komponente","landingPageDetail.switch.metaDescription":"Erfahren Sie, wie Sie die Schalter-Komponente in ILLA Cloud verwenden, einer Open-Source-Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.tables.name":"Tabellen","landingPageDetail.tables.title":"Verwenden Sie die Tabellen-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.tables.description":"Die \'Tabellen\'-Komponente in ILLA Cloud stellt Datenbankdaten in tabellarischer Form dar und erm\xf6glicht Benutzern eine schnelle Analyse gro\xdfer Informationsmengen. Mit Funktionen wie Sortieren, Suchen und Filtern k\xf6nnen Benutzer Zeit sparen, indem sie die ben\xf6tigten Daten einfach finden und bearbeiten k\xf6nnen. Dar\xfcber hinaus k\xf6nnen Tabellen mit verschiedenen Spaltentypen, Farben und Formatierungsoptionen individuell angepasst werden, um optisch ansprechende und leicht verst\xe4ndliche Darstellungen komplexer Daten zu erstellen.","landingPageDetail.tables.metaTitle":"ILLA Cloud | Tabellen-Komponente","landingPageDetail.tables.metaDescription":"Erfahren Sie, wie Sie die Tabellen-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"Verwenden Sie die Tab-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.tabs.description":"Die \'Tab\'-Komponente in ILLA Cloud spart Benutzern Zeit, indem sie es ihnen erm\xf6glicht, einfach zwischen verschiedenen Abschnitten von Inhalten zu wechseln, ohne umfangreiches Scrollen durchf\xfchren zu m\xfcssen. Beispielsweise kann ein Benutzer Tabs verwenden, um zwischen verschiedenen Ansichten oder Modi in einer Softwareanwendung zu wechseln, was die Benutzerfreundlichkeit und Produktivit\xe4t verbessert.","landingPageDetail.tabs.metaTitle":"ILLA Cloud Tabs-Komponente - Kategorisieren und Anzeigen von Inhalten","landingPageDetail.tabs.metaDescription":"Erfahren Sie, wie Sie die Tab-Komponente verwenden, um Dashboards, Berichte, Formulare und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.text.name":"Text","landingPageDetail.text.title":"Verwenden Sie die Text-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.text.description":"Die Text-Komponente in ILLA Cloud bietet Benutzern eine einfache M\xf6glichkeit, Text anzuzeigen und verbessert damit Lesbarkeit und Zug\xe4nglichkeit von Informationen. Beispielsweise kann ein Benutzer die \'Text\'-Komponente verwenden, um wichtige Anweisungen oder Informationen anzuzeigen, wie z.B. Kontaktdaten oder Produktbeschreibungen. Dies spart Zeit und Aufwand bei der Vermittlung wichtiger Informationen.","landingPageDetail.text.metaTitle":"ILLA Cloud | Text-Komponente","landingPageDetail.text.metaDescription":"Erfahren Sie, wie Sie die Text-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.textareaInput.name":"Textareaeingabe","landingPageDetail.textareaInput.title":"Verwenden Sie das Textarea Input-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.textareaInput.description":"Die Textarea Input-Komponente in ILLA Cloud ist ein benutzerfreundliches Tool, mit dem Benutzer problemlos mehrere Zeilen Text eingeben und bearbeiten k\xf6nnen. Zum Beispiel kann ein Benutzer ein Kontaktformular erstellen, das eine \'Textarea Input\'-Komponente enth\xe4lt, um Benutzern die Eingabe detaillierter Nachrichten zu erm\xf6glichen. Dadurch wird Zeit gespart und der Kommunikationsprozess optimiert.","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input-Komponente","landingPageDetail.textareaInput.metaDescription":"Erfahren Sie, wie Sie die Textarea Input-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.timeline.name":"Zeitleiste","landingPageDetail.timeline.title":"Verwenden Sie die Zeitleistenkomponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.timeline.description":"Die Zeitleistenkomponente in ILLA Cloud kann Benutzern Zeit sparen, indem sie eine klare und organisierte visuelle Darstellung des Fortschritts oder der Geschichte eines Projekts bietet. Zum Beispiel kann ein Projektmanager die Zeitleistenkomponente verwenden, um eine visuelle Darstellung von Meilensteinen, Fristen und Liefergegenst\xe4nden eines Projekts zu erstellen. Dadurch wird Zeit bei der Erstellung und Kommunikation des Projektplans an Teammitglieder und Stakeholder gespart.","landingPageDetail.timeline.metaTitle":"ILLA Cloud | Zeitleistenkomponente","landingPageDetail.timeline.metaDescription":"Erfahren Sie, wie Sie die Zeitleistenkomponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.upload.name":"Hochladen","landingPageDetail.upload.title":"Verwenden Sie die Upload-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.upload.description":"Die Upload-Komponente in ILLA Cloud erm\xf6glicht Benutzern das einfache Hochladen beliebiger Dateien in ihre Anwendung und bietet einen bequemen und effizienten Ansatz f\xfcr das Datenmanagement. Zum Beispiel kann ein Benutzer einen Online-Shop erstellen und die \'Upload\'-Komponente verwenden, um Kunden das Hochladen von Bildern oder anderen Dateien bei der Auftragserteilung zu erm\xf6glichen. Dadurch wird Zeit gespart und die Effizienz gesteigert.","landingPageDetail.upload.metaTitle":"ILLA Cloud | Upload-Komponente","landingPageDetail.upload.metaDescription":"Erfahren Sie, wie Sie die Upload-Komponente in ILLA Cloud verwenden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.video.name":"Video","landingPageDetail.video.title":"Verwenden Sie die Video-Komponente in ILLA Cloud, um interne Tools mit nur wenigen Klicks zu erstellen.","landingPageDetail.video.description":"Die \'Video\'-Komponente in ILLA Cloud spielt Videos in der Anwendung ab und interagiert mit ihnen, sodass Benutzer Videos problemlos anzeigen und damit interagieren k\xf6nnen, ohne zu einem externen Videoplayer wechseln zu m\xfcssen. Zum Beispiel kann ein Benutzer die Video-Komponente verwenden, um Schulungsvideos oder Produktpr\xe4sentationen in der Anwendung anzusehen und so die Produktivit\xe4t und Effizienz zu steigern.","landingPageDetail.video.metaTitle":"ILLA Cloud Video-Komponente - Interagieren Sie mit Videos in Ihrer App","landingPageDetail.video.metaDescription":"Erfahren Sie, wie Sie die Video-Komponente verwenden, um Schulungsvideos, Produktpr\xe4sentationen, Tutorials und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"Verbinden Sie sich mit Airtable \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.airtable.description":"Mit der Airtable-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach eine Verbindung zur Open-Source-Backend-Serverplattform herstellen, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu optimieren. Die Integration vereinfacht das Datenmanagement durch Nutzung der API-Endpunkte von Airtable, damit Sie Daten aus Ihren Airtable-Datenbanken, Storage- und Authentifizierungsdiensten einfach manipulieren k\xf6nnen. Sie k\xf6nnen Daten sicher hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher API-Aufrufe und app-basierter Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Daten aus einer Airtable-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die beim Klicken einen API-Aufruf zum Aktualisieren der Daten oder zum Genehmigen eines Antrags ausf\xfchrt. Mit der Airtable-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken M\xf6glichkeiten von Airtable nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"Eine flexible und kollaborative Plattform zur nahtlosen Verwaltung von Projekten, Daten und Teams.","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"Verbinde dich mit Appwrite \xfcber ILLA Cloud und baue interne Werkzeuge mit nur wenigen Klicks.","landingPageDetail.appwrite.description":"Dank der Appwrite-Integration von ILLA Cloud kannst du schnell und einfach eine Verbindung zu der Open-Source-Backend-Serverplattform herstellen, um deine Datenverwaltung zu optimieren und deine Arbeitsabl\xe4ufe zu optimieren.Die Integration vereinfacht die Datenverwaltung durch die Nutzung von Appwrite-API-Endpunkten, damit du Daten aus deinen Appwrite-Datenbanken, deinem Speicher oder deinen Authentifizierungsdiensten problemlos bearbeiten kannst. Du kannst Daten sicher hinzuf\xfcgen oder schreiben, indem du Eingaben machst, einschlie\xdflich erforderlicher API-Aufrufe, und App-basierte Validierungspr\xfcfungen integrierst.Zum Beispiel kannst du Daten aus einer Appwrite-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick einen API-Aufruf ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Appwrite-Integration von ILLA Cloud kannst du deinen Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von Appwrite nutzen, um deine Produktivit\xe4t zu steigern.","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Verbinde und Verwalte deine Appwrite-Daten","landingPageDetail.appwrite.metaDescription":"Erfahre, wie du die Appwrite-Integration nutzt, um Anwendungen zu erstellen, die die Leistung von Appwrite mit ILLA Cloud nutzen.","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"Verbinde dich mit Clickhouse \xfcber ILLA Cloud und baue interne Werkzeuge mit nur wenigen Klicks.","landingPageDetail.clickhouse.description":"Dank der ClickHouse-Integration von ILLA Cloud kannst du schnell deine ClickHouse-Datenbank konfigurieren und eine Verbindung herstellen, um deine Datenverwaltung zu optimieren und deine Arbeitsabl\xe4ufe zu optimieren.Die Integration vereinfacht die Datenverwaltung mithilfe von ClickHouse-Abfragen, sodass du Daten problemlos manipulieren kannst. Du kannst Daten sicher hinzuf\xfcgen oder schreiben, indem du Eingaben machst, einschlie\xdflich erforderlicher Abfragen und App-basierte Validierungspr\xfcfungen integrierst.Zum Beispiel kannst du Daten aus einer ClickHouse-Tabelle abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick eine Abfrage ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der ClickHouse-Integration von ILLA Cloud kannst du deinen Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von ClickHouse nutzen, um deine Produktivit\xe4t zu steigern.","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse-Integration","landingPageDetail.clickhouse.metaDescription":"Erfahre, wie du mit ILLA Cloud, der Open-Source-Low-Code-Plattform zum Erstellen interner Werkzeuge, eine Verbindung zu jeder ClickHouse-Datenbank herstellst und damit interagierst.","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"Verbinde dich mit CouchDB \xfcber ILLA Cloud und baue interne Werkzeuge mit nur wenigen Klicks.","landingPageDetail.couchdb.description":"Dank der CouchDB-Integration von ILLA Cloud kannst du schnell deine CouchDB-Datenbank konfigurieren und eine Verbindung herstellen, um deine Datenverwaltung zu optimieren und deine Arbeitsabl\xe4ufe zu optimieren.Die Integration vereinfacht die Datenverwaltung mithilfe von CouchDB-Abfragen, sodass du Daten problemlos manipulieren kannst. Du kannst Daten sicher hinzuf\xfcgen oder schreiben, indem du Eingaben machst, einschlie\xdflich erforderlicher Abfragen und App-basierte Validierungspr\xfcfungen integrierst.Zum Beispiel kannst du Daten aus einer CouchDB-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick eine Abfrage ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der CouchDB-Integration von ILLA Cloud kannst du deinen Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von CouchDB nutzen, um deine Produktivit\xe4t zu steigern.","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB-Integration","landingPageDetail.couchdb.metaDescription":"Erfahre, wie du deine CouchDB-Datenbank mit ILLA Cloud, einer Low-Code-Plattform zum Erstellen interner Werkzeuge, verbindest.","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"Verbinde dich mit Amazon DynamoDB \xfcber ILLA Cloud und baue interne Werkzeuge mit nur wenigen Klicks.","landingPageDetail.dynamodb.description":"Dank der Amazon DynamoDB-Integration von ILLA Cloud kannst du schnell deine DynamoDB-Datenbank konfigurieren und eine Verbindung herstellen, um deine Datenverwaltung zu optimieren und deine Arbeitsabl\xe4ufe zu optimieren.Die Integration vereinfacht die Datenverwaltung mithilfe von DynamoDB-Abfragen, sodass du Daten problemlos manipulieren kannst. Du kannst Daten sicher hinzuf\xfcgen oder schreiben, indem du Eingaben machst, einschlie\xdflich erforderlicher Abfragen und App-basierte Validierungspr\xfcfungen integrierst.Zum Beispiel kannst du Daten aus einer DynamoDB-Tabelle abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick eine Abfrage ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Amazon DynamoDB-Integration von ILLA Cloud kannst du deinen Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von DynamoDB nutzen, um deine Produktivit\xe4t zu steigern.","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB-Integration","landingPageDetail.dynamodb.metaDescription":"Erfahre, wie du deine Amazon DynamoDB-Datenbank mit ILLA Cloud, einer Low-Code-Plattform zum Erstellen interner Werkzeuge, verbindest.","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"Verbinden Sie sich mit Elastic Search mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.elasticsearch.description":"Mit der Elastic Search-Integration von ILLA Cloud k\xf6nnen Sie schnell Ihren Elastic Search-Cluster konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu verbessern. Die Integration vereinfacht das Datenmanagement mit Elastic Search-Abfragen, sodass Sie Daten leicht suchen und abrufen k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher Abfragen, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einem Elastic Search-Index abrufen und einen Button hinzuf\xfcgen, der bei Klick eine Abfrage zum Aktualisieren der Daten oder zur Genehmigung einer Anforderung durchf\xfchrt. Mit der Elastic Search-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von Elastic Search nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"Erfahren Sie, wie Sie Ihre Elastic Search-Datenbank mit ILLA Cloud verbinden und damit interne Tools erstellen k\xf6nnen. ILLA Cloud ist eine Open-Source Low-Code-Plattform.","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"Verbinden Sie sich mit Firebase mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.firebase.description":"Mit der Firebase-Integration von ILLA Cloud k\xf6nnen Sie schnell Ihre Firebase-Datenbank konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement mit Firebase-Abfragen und API-Aufrufen, sodass Sie Daten problemlos manipulieren und komplexe Operationen durchf\xfchren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher Abfragen, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einer Firebase-Sammlung abrufen und einen Button hinzuf\xfcgen, der bei Klick einen API-Aufruf durchf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Firebase-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von Firebase nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Erfahren Sie, wie Sie Ihre Firebase-Datenbank mit ILLA Cloud verbinden. ILLA Cloud ist eine Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.googlesheets.name":"Google Sheets","landingPageDetail.googlesheets.title":"Verbinden Sie sich mit Google Sheets mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.googlesheets.description":"Mit der Google Sheets-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach auf Ihre Google Sheets-Tabellen zugreifen und Ihr Datenmanagement optimieren und Workflows vereinfachen. Die Integration vereinfacht das Datenmanagement, indem Sie Daten aus Ihren Google Sheets-Tabellen mit der Google Sheets API lesen, schreiben und bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher API-Aufrufe, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einer Google Sheets-Tabelle abrufen und einen Button hinzuf\xfcgen, der bei Klick einen API-Aufruf durchf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Google Sheets-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von Google Sheets nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Verbinden und Verwalten Sie Ihre Google Sheets-Daten","landingPageDetail.googlesheets.metaDescription":"Erfahren Sie, wie Sie Google Sheet-Integration verwenden k\xf6nnen, um Dashboards, Berichte, Formulare und mehr mit ILLA Cloud zu erstellen.","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"Verbinden Sie sich mit GraphQL mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.graphql.description":"Mit der GraphQL-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach Ihre GraphQL APIs konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement, indem Sie Daten problemlos aus Ihren GraphQL APIs abrufen und manipulieren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher GraphQL-Abfragen, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einer GraphQL API abrufen und einen Button hinzuf\xfcgen, der bei Klick eine Abfrage durchf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der GraphQL-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken Funktionen von GraphQL nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.graphql.metaTitle":"ILLA Cloud | GraphQL Integration","landingPageDetail.graphql.metaDescription":"Erfahren Sie, wie Sie Ihre GraphQL-API mit ILLA Cloud verbinden. ILLA Cloud ist eine Low-Code-Plattform zur Erstellung interner Tools.","landingPageDetail.huggingface.name":"Hugging Face Inference API","landingPageDetail.huggingface.title":"Verbinden Sie sich mit der Hugging Face Inference API mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.huggingface.description":"Mit der Integration der Hugging Face Inference API von ILLA Cloud k\xf6nnen Sie schnell und einfach eine Verbindung zu den leistungsstarken Natural Language Processing-Modellen von Hugging Face herstellen, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement durch Nutzung der API-Endpunkte von Hugging Face, sodass Sie Daten problemlos abrufen und bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen API-Aufrufe und App-basierten Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Textdaten von einer externen Quelle abrufen und durch einen Hugging Face-API-Aufruf zur Sentimentanalyse oder Sprach\xfcbersetzung \xfcbergeben. Mit der Integration der Hugging Face Inference API von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken F\xe4higkeiten der Natural Language Processing-Modelle von Hugging Face nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inference API Integration - Verbinden und ML-Modelle nutzen","landingPageDetail.huggingface.metaDescription":"Die Hugging Face Inference API-Integration in ILLA Cloud erm\xf6glicht es Benutzern, eine Verbindung herzustellen und \xfcber 130.000 Machine Learning-Modelle zu nutzen.","landingPageDetail.huggingfaceendpoint.name":"Hugging Face Inference Endpoint","landingPageDetail.huggingfaceendpoint.title":"Stellen Sie mit ILLA Cloud eine Verbindung zum Hugging Face Inference Endpoint her und erstellen Sie interne Tools in nur wenigen Klicks.","landingPageDetail.huggingfaceendpoint.description":"Mit der Integration des Hugging Face Inference Endpoints von ILLA Cloud k\xf6nnen Sie schnell und einfach Hugging Face\'s leistungsstarke Natural Language Processing-Modelle konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement durch Nutzung der API-Endpunkte von Hugging Face, sodass Sie Daten problemlos abrufen und bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen API-Aufrufe und App-basierten Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Daten aus einer Hydra-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick einen API-Aufruf zur Aktualisierung der Daten oder zur Genehmigung einer Anfrage ausf\xfchrt. Mit der Integration des Hugging Face Inference Endpoints von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken F\xe4higkeiten der Natural Language Processing-Modelle von Hugging Face nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"Erfahren Sie, wie Sie mit ILLA Cloud eine Verbindung zu einem beliebigen Hugging Face Inference Endpoint herstellen und damit interagieren k\xf6nnen - die Open-Source Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.hydra.name":"Hydra","landingPageDetail.hydra.title":"Stellen Sie mit ILLA Cloud eine Verbindung zu Hydra her und erstellen Sie interne Tools in nur wenigen Klicks.","landingPageDetail.hydra.description":"Mit der Hydra-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach eine Verbindung zur Open-Source-Backend-Serverplattform herstellen, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement durch Nutzung der API-Endpunkte von Hydra, sodass Sie Daten problemlos aus Ihren Hydra-Datenbanken, Speicher- und Authentifizierungsdiensten bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen API-Aufrufe und App-basierten Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Daten aus einer Hydra-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick einen API-Aufruf zur Aktualisierung der Daten oder zur Genehmigung einer Anfrage ausf\xfchrt. Mit der Hydra-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken F\xe4higkeiten von Hydra nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.hydra.metaTitle":"Hydra","landingPageDetail.hydra.metaDescription":"Ein Open-Source, spaltenorientiertes RDBMS auf Basis von Postgres","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"Stellen Sie mit ILLA Cloud eine Verbindung zu MariaDB her und erstellen Sie interne Tools in nur wenigen Klicks.","landingPageDetail.mariadb.description":"Mit der MariaDB-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach Ihre MariaDB-Datenbank konfigurieren und eine Verbindung herstellen, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement mit SQL, sodass Sie Tabellen bearbeiten, Daten abrufen und komplexe Abfragen problemlos ausf\xfchren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen Abfragen und App-basierten Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Daten f\xfcr einen Mitarbeiter aus einer MariaDB-Tabelle abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick eine SQL-Abfrage zur Aktualisierung der Mitarbeiterinformationen oder zur Genehmigung einer Anfrage ausf\xfchrt. Mit der MariaDB-Integration von ILLA Cloud k\xf6nnen Sie das Potenzial Ihrer Datenquelle maximieren und mit minimalem Aufwand Ihre Produktivit\xe4t steigern.","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"Erfahren Sie, wie Sie mit ILLA Cloud eine Verbindung zu Ihrer MariaDB-Datenbank herstellen und damit interagieren k\xf6nnen - die Open-Source Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"Stellen Sie mit ILLA Cloud eine Verbindung zu MongoDB her und erstellen Sie interne Tools in nur wenigen Klicks.","landingPageDetail.mongodb.description":"Mit der MongoDB-Integration von ILLA Cloud k\xf6nnen Sie schnell Ihre MongoDB-Datenbank konfigurieren und eine Verbindung herstellen, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement mit MongoDB-Abfragen, sodass Sie Daten problemlos bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen Abfragen und App-basierten Validierungspr\xfcfungen. Zum Beispiel k\xf6nnen Sie Daten aus einer MongoDB-Sammlung abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei einem Klick eine Abfrage zur Aktualisierung der Daten oder zur Genehmigung einer Anfrage ausf\xfchrt. Mit der MongoDB-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken F\xe4higkeiten von MongoDB nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"Erfahren Sie, wie Sie mit ILLA Cloud eine Verbindung zu Ihrer MongoDB-Datenbank herstellen und damit interagieren k\xf6nnen - die Open-Source Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"Verbinden Sie sich mit Microsoft SQL Server mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.mssql.description":"Mit der Microsoft SQL Server-Integration von ILLA Cloud k\xf6nnen Sie schnell Ihre SQL Server-Datenbank konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Arbeitsabl\xe4ufe zu optimieren. Die Integration vereinfacht das Datenmanagement mit SQL-Abfragen, mit denen Sie Daten einfach bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen Abfragen, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einer SQL Server-Tabelle abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die beim Klicken eine Abfrage zur Aktualisierung der Daten oder zur Genehmigung eines Antrags ausf\xfchrt. Mit der Microsoft SQL Server-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenmanagementprozess optimieren und die leistungsstarken Funktionen von SQL Server nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.mssql.metaTitle":"ILLA Cloud | Microsoft SQL Server Integration","landingPageDetail.mssql.metaDescription":"Erfahren Sie, wie Sie Ihre Microsoft SQL Server-Datenbank mit ILLA Cloud verbinden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"Verbinden Sie sich mit MySQL mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.mysql.description":"Die Integration von ILLA Cloud mit MySQL kann Ihren Arbeitsablauf erheblich verbessern und Ihre Prozesse optimieren. Mit nur wenigen einfachen Schritten k\xf6nnen Sie ILLA Cloud mit Ihren MySQL-Datenbanken verbinden, sodass Sie Benutzeroberfl\xe4chen erstellen k\xf6nnen, die auf leistungsstarke Weise mit Ihren Daten interagieren. Egal, ob Sie Daten in ein Tabellengitter lesen, Dashboards erstellen oder benutzerdefinierte Aktionen hinzuf\xfcgen m\xf6chten, die SQL-Abfragen zum Schreiben in Ihre Datenbank ausf\xfchren - mit ILLA Cloud ist dies sicher und effizient m\xf6glich. Durch die Verbindung Ihrer MySQL-Daten mit ILLA Cloud k\xf6nnen Sie unbeabsichtigtes L\xf6schen und andere kostspielige Fehler vermeiden. Wenn Sie beispielsweise Mitarbeiterausgaben mit einer MySQL-Tabelle verwalten, k\xf6nnen Sie ILLA Cloud verwenden, um Ihre Daten in ein Dashboard einzulesen und sogar eine Aktion hinzuf\xfcgen, die den Genehmigungsstatus f\xfcr jede Ausgabe in Ihre Datenbank schreibt. Und mit der einfachen Benutzeroberfl\xe4che von ILLA Cloud k\xf6nnen Sie die gew\xfcnschten Aktionen klar und systematisch definieren, sodass Sie Ihren Arbeitsablauf optimieren und Ihre Prozesse vereinfachen k\xf6nnen.","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL Integration","landingPageDetail.mysql.metaDescription":"Erfahren Sie, wie Sie Ihre MySQL-Datenbank mit ILLA Cloud verbinden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"Verbinden Sie sich mit Neon mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.neon.description":"Das vollst\xe4ndig verwaltete Multi-Cloud-Postgres mit einer gro\xdfz\xfcgigen Free-Tier. Wir haben Speicher und Rechenleistung getrennt, um Skalierbarkeit, Verzweigung und unbegrenzte Speicherkapazit\xe4t anzubieten.","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon-Integration - Verbinden Sie sich mit dem Multi-Cloud-Postgres","landingPageDetail.neon.metaDescription":"Erfahren Sie, wie Sie Ihre Neon-Datenbank mit ILLA Cloud verbinden, einer Low-Code-Plattform zum Erstellen interner Tools.","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"Verbinden Sie sich mit Oracle DB mit ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.oracledb.description":"Mit der Oracle DB-Integration von ILLA Cloud k\xf6nnen Sie schnell Ihre Oracle-Datenbank konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Arbeitsabl\xe4ufe zu optimieren. Die Integration vereinfacht das Datenmanagement mit SQL-Abfragen, mit denen Sie Daten einfach bearbeiten k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich der erforderlichen Abfragen, und app-basierte Validierungspr\xfcfungen integrieren. Zum Beispiel k\xf6nnen Sie Daten aus einer Oracle-Datenbanktabelle abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die beim Klicken eine Abfrage zur Aktualisierung der Daten oder zur Genehmigung eines Antrags ausf\xfchrt. Mit der Oracle DB-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenmanagementprozess optimieren und die leistungsstarken Funktionen von Oracle DB nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB Integration","landingPageDetail.oracledb.metaDescription":"Erfahren Sie, wie Sie die Oracle DB-Integration in ILLA Cloud, einer Low-Code-Plattform zum Erstellen interner Tools, verwenden.","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"Verbinden Sie sich mit PostgreSQL \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.postgresql.description":"Mit der PostgreSQL-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach Ihre PostgreSQL-Datenbank konfigurieren und verbinden, um Ihre Datenquelle mit zuverl\xe4ssiger Leistung zu optimieren. Die Integration vereinfacht die Datenverwaltung mit SQL, sodass Sie Tabellen problemlos bearbeiten und komplexe Abfragen durchf\xfchren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher Abfragen, und app-basierte Validierungspr\xfcfungen einbinden. Wenn Sie beispielsweise Mitarbeiterdaten aus einer PostgreSQL-Tabelle abrufen und eine Urlaubsanfrage mit einem einzigen Klick genehmigen m\xf6chten, k\xf6nnen Sie eine Schaltfl\xe4che erstellen, die eine SQL-Abfrage ausf\xfchrt und die Anfrage des Mitarbeiters als genehmigt markiert. Mit der PostgreSQL-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess einfach und sicher optimieren.","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL-Datenbank-Integration","landingPageDetail.postgresql.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud mit einer PostgreSQL-Datenbank verbinden und interagieren k\xf6nnen, der Open-Source-Low-Code-Plattform f\xfcr den Aufbau interner Tools.","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"Verbinden Sie sich mit Redis \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.redis.description":"Mit der Redis-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach Ihre Redis-Datenbank konfigurieren und verbinden, um Ihre Datenverwaltung zu optimieren und Ihre Workflows zu verbessern. Die Integration vereinfacht die Datenverwaltung mithilfe von Redis-Befehlen, sodass Sie Daten problemlos manipulieren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher Befehle, und app-basierte Validierungspr\xfcfungen einbinden. Zum Beispiel k\xf6nnen Sie Daten aus einer Redis-Datenbank abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei Klick einen Redis-Befehl ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Redis-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken M\xf6glichkeiten von Redis nutzen, um Ihre Produktivit\xe4t zu verbessern.","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis-Integration - Verbinden Sie sich mit Ihrer Redis-Datenbank und verwalten Sie sie.","landingPageDetail.redis.metaDescription":"Erfahren Sie, wie Sie mithilfe der Redis-Integration Daten mithilfe von Redis-Befehlen manipulieren, Dashboards, Berichte, Formulare und mehr mit ILLA Cloud erstellen k\xf6nnen.","landingPageDetail.restapi.name":"REST-API","landingPageDetail.restapi.title":"Verbinden Sie sich mit jeder RESTful-API und erstellen Sie benutzerdefinierte Tools mit ILLA Cloud in wenigen Minuten.","landingPageDetail.restapi.description":"Mit der REST-API-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach eine Verbindung zu jeder RESTful-API herstellen, um Ihre Datenverwaltung zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht die Datenverwaltung unter Verwendung von RESTful-API-Endpunkten, sodass Sie Daten problemlos abrufen und manipulieren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher API-Aufrufe, und app-basierte Validierungspr\xfcfungen einbinden. Beispielsweise k\xf6nnen Sie Daten aus einer externen RESTful-API abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei Klick einen Aufruf zur Aktualisierung der Daten oder zur Genehmigung einer Anfrage ausf\xfchrt. Mit der REST-API-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken M\xf6glichkeiten von RESTful APIs nutzen, um Ihre Produktivit\xe4t zu steigern.","landingPageDetail.restapi.metaTitle":"ILLA Cloud | REST-API-Integration","landingPageDetail.restapi.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud mit jedem REST-API-Endpunkt verbinden und interagieren k\xf6nnen, der Open-Source-Low-Code-Plattform f\xfcr den Aufbau interner Tools.","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"Verbinden Sie sich mit Amazon S3 \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.s3.description":"Mit der Amazon S3-Integration von ILLA Cloud k\xf6nnen Sie schnell und einfach Ihre Amazon S3-Speicher konfigurieren und verbinden, um Ihre Datenverwaltung zu optimieren und Ihre Workflows zu verbessern. Die Integration vereinfacht die Datenverwaltung durch Nutzung der S3-API-Endpunkte, sodass Sie Daten aus Ihren S3-Buckets problemlos lesen, schreiben und manipulieren k\xf6nnen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben bereitstellen, einschlie\xdflich erforderlicher API-Aufrufe, und app-basierte Validierungspr\xfcfungen einbinden. Zum Beispiel k\xf6nnen Sie Daten aus einem S3-Bucket abrufen und eine Schaltfl\xe4che hinzuf\xfcgen, die bei Klick einen API-Aufruf ausf\xfchrt, um die Daten zu aktualisieren oder eine Anfrage zu genehmigen. Mit der Amazon S3-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenverwaltungsprozess optimieren und die leistungsstarken M\xf6glichkeiten von Amazon S3-Speicher nutzen, um Ihre Produktivit\xe4t zu verbessern.","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3-Integration","landingPageDetail.s3.metaDescription":"Erfahren Sie, wie Sie die S3-Komponente in ILLA Cloud verwenden k\xf6nnen, einer Low-Code-Plattform zum Aufbau interner Tools.","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"Verbinden Sie sich mit SMTP \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.smtp.description":"Mit der SMTP-Integration von ILLA Cloud k\xf6nnen Sie Ihren SMTP-Server schnell und einfach konfigurieren und verbinden, um Ihr E-Mail-Management zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das E-Mail-Management, indem Sie E-Mails direkt aus Ihrer ILLA Cloud-Anwendung senden und empfangen k\xf6nnen. Sie k\xf6nnen sicher E-Mails senden, indem Sie Eingaben wie erforderliche SMTP-Parameter bereitstellen und App-basierte Validierungspr\xfcfungen einbeziehen. Mit der SMTP-Integration von ILLA Cloud k\xf6nnen Sie Ihren E-Mail-Management-Prozess optimieren und die leistungsstarken Funktionen von SMTP nutzen.","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP-Integration","landingPageDetail.smtp.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud, der Open-Source Low-Code-Plattform zum Erstellen interner Tools, mit jedem SMTP-Server verbinden und interagieren k\xf6nnen.","landingPageDetail.snowflake.name":"Snowflake","landingPageDetail.snowflake.title":"Verbinden Sie sich mit Snowflake \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.snowflake.description":"Mit der Snowflake-Integration von ILLA Cloud k\xf6nnen Sie Ihr Snowflake-Data-Warehouse schnell konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement mit Snowflake SQL-Abfragen und erm\xf6glicht Ihnen das einfache Manipulieren von Daten. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben wie erforderliche Abfragen bereitstellen und App-basierte Validierungspr\xfcfungen einbeziehen. Mit der Snowflake-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenmanagement-Prozess optimieren und die leistungsstarken Funktionen von Snowflake nutzen.","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake-Integration","landingPageDetail.snowflake.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud, der Open-Source Low-Code-Plattform zum Erstellen interner Tools, mit Ihrer Snowflake-Datenbank verbinden und interagieren k\xf6nnen.","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"Verbinden Sie sich mit SupabaseDB \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.supabaseDB.description":"Mit der SupabaseDB-Integration von ILLA Cloud k\xf6nnen Sie Ihre SupabaseDB-Datenbank schnell konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu vereinfachen. Die Integration vereinfacht das Datenmanagement mit SupabaseDB-Abfragen und API-Aufrufen und erm\xf6glicht Ihnen das einfache Manipulieren von Daten und die Durchf\xfchrung komplexer Operationen. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben wie erforderliche Abfragen bereitstellen und App-basierte Validierungspr\xfcfungen einbeziehen. Mit der SupabaseDB-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenmanagement-Prozess optimieren und die leistungsstarken Funktionen von SupabaseDB nutzen.","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB-Integration","landingPageDetail.supabaseDB.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud, der Open-Source Low-Code-Plattform zum Erstellen interner Tools, mit jeder Supabase DB verbinden und interagieren k\xf6nnen.","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"Verbinden Sie sich mit TiDB \xfcber ILLA Cloud und erstellen Sie interne Tools mit nur wenigen Klicks.","landingPageDetail.tiDB.description":"Mit der TiDB-Integration von ILLA Cloud k\xf6nnen Sie Ihre TiDB-Datenbank nahtlos konfigurieren und verbinden, um Ihr Datenmanagement zu optimieren und Ihre Workflows zu verbessern. Die Integration vereinfacht das Datenmanagement mit SQL und erm\xf6glicht Ihnen das Manipulieren von Tabellen, das Abrufen von Daten und das Durchf\xfchren komplexer Abfragen mit Leichtigkeit. Sie k\xf6nnen sicher Daten hinzuf\xfcgen oder schreiben, indem Sie Eingaben wie erforderliche Abfragen bereitstellen und App-basierte Validierungspr\xfcfungen einbeziehen. Mit der TiDB-Integration von ILLA Cloud k\xf6nnen Sie Ihren Datenmanagement-Prozess optimieren und das volle Potenzial Ihrer Datenquelle mit Zuversicht nutzen.","landingPageDetail.tiDB.metaTitle":"ILLA Cloud | TiDB-Integration","landingPageDetail.tiDB.metaDescription":"Erfahren Sie, wie Sie sich \xfcber ILLA Cloud, der Open-Source Low-Code-Plattform zum Erstellen interner Tools, mit Ihrer TiDB-Datenbank verbinden und interagieren k\xf6nnen.","landingPage.build_with":"Erstellen Sie mit {name}","landingPage.back_to_components":"Zur\xfcck zu den Komponenten","landingPage.back_to_integrations":"Zur\xfcck zu Integrationen","footer.less":"Weniger anzeigen","footer.more":"Mehr anzeigen","content.all.title":"ILLA Cloud integriert alles","how_to_use.title.3_steps_to_customize":"Schritte zur Anpassung Ihrer Gesch\xe4fts-Apps","how_to_use.description.build_tools_through":"Erstellen Sie Werkzeuge durch das Ziehen und Ablegen von Komponenten, passen Sie Ihren KI-Agenten an, verbinden Sie ihn mit Ihren Datenquellen und machen Sie KI zu einer intelligenten L\xf6sung, die auf Ihre Bed\xfcrfnisse und Daten zugeschnitten ist, um Ihre Arbeit intelligenter zu machen.","how_to_use.step1_title.create_ai_agent_for":"Ziehen und Ablegen von Komponenten f\xfcr die UI-Gestaltung","how_to_use.step1_description.you_can_create_an_ai":"Indem Sie Komponenten ziehen und ablegen, k\xf6nnen Sie schnell die Benutzeroberfl\xe4che der Apps erstellen und alle gew\xfcnschten Funktionen implementieren.","how_to_use.step1_button.ai_agent_marketplace":"Beginnen Sie mit der UI-Erstellung mit ILLA","how_to_use.step2_title.build_the_frontend_p":"Verbinden Sie sich mit Ihren Datenquellen","how_to_use.step2_description.by_dragging_and_drop":"Verbinden Sie sich mit Ihren eigenen Datenquellen, einschlie\xdflich MySQL, PostgreSQL und anderen Datenbanken, REST-APIs, GraphQL usw. Erstellen Sie CRUD-Anwendungen in nur einer Minute.","how_to_use.step2_button.illa_app_marketplace":"Beginnen Sie mit dem Aufbau von Apps mit Ihren Datenquellen","how_to_use.step3_title.connect_to_your_data":"Konfigurieren und verbinden Sie KI-Agenten","how_to_use.step3_description.enable_data_integrat":"Integrieren Sie KI-Agenten in Ihre App und statten Sie sie mit KI-F\xe4higkeiten wie intelligenter Analyse, Inhaltsgenerierung und mehr aus, ohne KI-Entwicklungsf\xe4higkeiten zu ben\xf6tigen.","how_to_use.step3_button.supported_data_sourc":"Beginnen Sie mit dem Aufbau von KI-gesteuerten Apps","how_to_use.step4_alt.flow":"Automatisieren Sie Ihren Arbeitsablauf und optimieren Sie Ihre Aufgaben mithilfe von ILLA Flow. Mit ILLA Flow k\xf6nnen Sie sicherstellen, dass Sie jederzeit \xfcber die aktuellsten Daten verf\xfcgen, ohne manuelle Aktualisierungen vornehmen zu m\xfcssen. Durch die Automatisierung wiederkehrender Aufgaben spart Ihnen ILLA Flow Zeit und M\xfche, sodass Sie sich auf wichtigere Aspekte Ihrer Arbeit konzentrieren k\xf6nnen","how_to_use.step4_title.flow":"Automatisieren Sie Ihren Arbeitsablauf","how_to_use.step4_description.flow":"Nutzen Sie ILLA Flow, um Ihren Arbeitsablauf zu automatisieren. So stellen Sie sicher, dass Sie stets \xfcber die neuesten Daten verf\xfcgen und wiederholende Aufgaben reduzieren","how_to_use.step4_button.flow":"Erfahren Sie mehr \xfcber ILLA Flow","testimonial.title.user_testimonials":"Kundenbewertungen","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud hat mein Leben ver\xe4ndert. Es hilft mir, hoch effiziente Inhalte in k\xfcrzerer Zeit zu generieren. Der angepasste KI-Agent und die App erf\xfcllen perfekt meine Gesch\xe4ftsanforderungen.","testimonial.testimonial1_username.christopher":"Christopher","testimonial.testimonial1_usertitle.seo_specialist":"SEO-Spezialist","testimonial.testimonial2_content.i_think_i_become_a_b":"Ich denke, ich werde jetzt ein Blog-Meister! Dieses Tool hat meinen Inhaltegenerierungsprozess revolutioniert und spart mir wertvolle Zeit. Ob es darum geht, Blog-Ideen zu generieren oder Artikel zu strukturieren, die KI-Agenten waren eine enorme Bereicherung f\xfcr mich und mein Team.","testimonial.testimonial2_username.lucas":"Lucas","testimonial.testimonial2_usertitle.content_strategist":"Content-Stratege","testimonial.testimonial3_content.it_empowers_me_to_pr":"Es erm\xf6glicht mir, au\xdfergew\xf6hnlichen Kundensupport mit minimalem Aufwand zu bieten. Der vorgefertigte KI-Agent und die App, zusammen mit der M\xf6glichkeit, sie an unsere spezifischen Bed\xfcrfnisse anzupassen, haben die Effektivit\xe4t unseres Teams erheblich verbessert.","testimonial.testimonial3_username.harper":"Harper","testimonial.testimonial3_usertitle.customer_service_man":"Kundendienstleiter","testimonial.testimonial4_content.ai_agent_low_code":"KI-Agent & Low-Code hat meinen E-Mail-Schreibprozess transformiert. Es vereinfacht die Erstellung wirkungsvoller E-Mails, erm\xf6glicht es mir, ansprechende und \xfcberzeugende Nachrichten m\xfchelos zu verfassen. ILLA Cloud hat unsere E-Mail-Kommunikation auf ein neues Niveau gehoben.","testimonial.testimonial4_username.abigail":"Abigail","testimonial.testimonial4_usertitle.communication_specia":"Kommunikationsspezialist","testimonial.testimonial5_content.i_need_to_oversee_va":"Ich muss verschiedene Aspekte meines Unternehmens \xfcberwachen. ILLA Cloud bietet mir eine umfassende L\xf6sung. Es spart nicht nur Zeit und Aufwand bei der Entwicklung und Gestaltung, sondern erm\xf6glicht es mir auch, mein Gesch\xe4ft besser zu verwalten und zu \xfcberwachen.","testimonial.testimonial5_username.matthew":"Matthew","testimonial.testimonial5_usertitle.business_founder":"Unternehmensgr\xfcnder","testimonial.testimonial6_content.using_illa_cloud_to":"Die Verwendung von ILLA Cloud zum Erstellen eines Management-Dashboards war unglaublich einfach. Bereits nach einem Tag Arbeit konnten wir Aufgaben wie die \xdcberwachung des Projektfortschritts und die Zuweisung von Ressourcen in diesem Dashboard erledigen.","testimonial.testimonial6_username.samuel":"Samuel","testimonial.testimonial6_usertitle.website_administrato":"Website-Administrator","customer.title":"Vertraut von Tausenden von Teams","description":"Erstellen Sie {businessApp} mit Low-Code, automatisieren Sie {flow}, erstellen Sie {AIAgent} einfach","website_4.description.ai_agent":"KI-Agent","website_4.description.business_app":"Website & App","website_4.description.flow":"Flow","first_button":"Loslegen","join-community":"Discord beitreten"}')},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-72d":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"4cd4a92c"},{"content":"1b46aaf4"},{"content":"84eadcb2"},{"content":"40c20836"},{"content":"050ff1a7"},{"content":"539718c6"},{"content":"c96f02f5"},{"content":"6b88316d"},{"content":"ba3e7c73"},{"content":"35e17217"},{"content":"912dc06b"},{"content":"11f28d89"},{"content":"1e09ebda"},{"content":"ab0e4da2"},{"content":"43fad075"},{"content":"9a8604de"}],"metadata":"5c63dc5b","tags":"5a8d0967"},"/illa-website/de/blog/appsmith-vs-retool-b3e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"676e122a"},"/illa-website/de/blog/automatisieren-sendung-nach-slack-0b8":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"b1136fb8"},"/illa-website/de/blog/backend-create-web-ui-b70":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"18bff930"},"/illa-website/de/blog/best-citizen-developer-tool-560":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"89a4bf40"},"/illa-website/de/blog/beste-low-code-plattform-f12":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"68395e99"},"/illa-website/de/blog/boost-freelancer-bf3":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"eef854f7"},"/illa-website/de/blog/build-dashboard-e28":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"cd00d6d6"},"/illa-website/de/blog/core-app-dashboard-2-005":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f723015"},"/illa-website/de/blog/internal-tool-f7b":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5d9e675f"},"/illa-website/de/blog/it-support-a77":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"c1d2b2d8"},"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen-d82":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"23c69b7f"},"/illa-website/de/blog/launch-flow-f70":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"745ae684"},"/illa-website/de/blog/low-code-crm-742":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"f7394536"},"/illa-website/de/blog/lowcode-vs-traditional-70e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"410ea938"},"/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/page/2-0de":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"e55440e4"},{"content":"6b77f036"},{"content":"7dda7093"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"848ce704"},{"content":"354dfbd1"},{"content":"05aa103b"},{"content":"eb5bf31c"}],"metadata":"f0548b7f","tags":"5a8d0967"},"/illa-website/de/blog/popular-tool-b55":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"f20664df"},"/illa-website/de/blog/shadcn-ui-2024-73c":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/de/blog/shadcn-vs-mui-ae3":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1e2c1a99"},"/illa-website/de/blog/tags-2aa":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"5a8d0967"},"/illa-website/de/blog/tags/admin-panel-a7e":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"43fad075"}],"tag":"3951042e","tags":"5a8d0967","listMetadata":"69e70952"},"/illa-website/de/blog/tags/appsmith-bea":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"84eadcb2"},{"content":"40c20836"},{"content":"050ff1a7"}],"tag":"5248a763","tags":"5a8d0967","listMetadata":"59a26f86"},"/illa-website/de/blog/tags/automatisierung-e3d":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6b88316d"}],"tag":"e218e529","tags":"5a8d0967","listMetadata":"8ab25058"},"/illa-website/de/blog/tags/burgerentwickler-4fe":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"1e09ebda"}],"tag":"1145dbcf","tags":"5a8d0967","listMetadata":"38ec0b43"},"/illa-website/de/blog/tags/burgerentwicklung-356":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"1e09ebda"}],"tag":"86c6069c","tags":"5a8d0967","listMetadata":"e1e9d957"},"/illa-website/de/blog/tags/burgerentwicklungs-tool-b32":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"1e09ebda"}],"tag":"381438df","tags":"5a8d0967","listMetadata":"b7380117"},"/illa-website/de/blog/tags/core-app-dashboard-a8e":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"ab0e4da2"}],"tag":"a20143ec","tags":"5a8d0967","listMetadata":"0ace796b"},"/illa-website/de/blog/tags/crud-a48":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"912dc06b"}],"tag":"b08e52d1","tags":"5a8d0967","listMetadata":"f2f0b17c"},"/illa-website/de/blog/tags/database-5d8":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"35e17217"}],"tag":"3cda743d","tags":"5a8d0967","listMetadata":"334cd31e"},"/illa-website/de/blog/tags/daten-dashboard-36c":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"43fad075"},{"content":"05aa103b"}],"tag":"3c2834c3","tags":"5a8d0967","listMetadata":"a252bbd3"},"/illa-website/de/blog/tags/fiverr-93a":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"ba3e7c73"}],"tag":"c6b6e80c","tags":"5a8d0967","listMetadata":"8476c6bf"},"/illa-website/de/blog/tags/freelancer-e46":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"ba3e7c73"}],"tag":"189ab338","tags":"5a8d0967","listMetadata":"79cd3d84"},"/illa-website/de/blog/tags/freiberuflich-810":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"ba3e7c73"}],"tag":"3155c978","tags":"5a8d0967","listMetadata":"8d6ac46a"},"/illa-website/de/blog/tags/gui-53b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"35e17217"},{"content":"eb5bf31c"}],"tag":"45976a90","tags":"5a8d0967","listMetadata":"0ca1f155"},"/illa-website/de/blog/tags/interne-tools-c70":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"43fad075"}],"tag":"c0d67a95","tags":"5a8d0967","listMetadata":"240230be"},"/illa-website/de/blog/tags/java-script-de8":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"9a8604de"}],"tag":"e36a5bb5","tags":"5a8d0967","listMetadata":"b2b8f29c"},"/illa-website/de/blog/tags/javascript-b9a":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"539718c6"},{"content":"11f28d89"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"7467c04f","tags":"5a8d0967","listMetadata":"ea190378"},"/illa-website/de/blog/tags/ki-04a":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"c96f02f5"}],"tag":"3c8b381d","tags":"5a8d0967","listMetadata":"b28d299f"},"/illa-website/de/blog/tags/low-code-5f4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6b77f036"},{"content":"ab0e4da2"},{"content":"9a8604de"},{"content":"354dfbd1"}],"tag":"78abd0ad","tags":"5a8d0967","listMetadata":"a241c358"},"/illa-website/de/blog/tags/low-code-crm-9f0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"7dda7093"}],"tag":"ee37d46a","tags":"5a8d0967","listMetadata":"59f2cc97"},"/illa-website/de/blog/tags/mac-1e2":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"539718c6"},{"content":"11f28d89"},{"content":"6d69edbe"}],"tag":"e5ce6207","tags":"5a8d0967","listMetadata":"5adc8aa7"},"/illa-website/de/blog/tags/nodejs-947":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"539718c6"},{"content":"11f28d89"},{"content":"6d69edbe"}],"tag":"5b196cbe","tags":"5a8d0967","listMetadata":"bb2e1bc1"},"/illa-website/de/blog/tags/nvm-158":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"539718c6"},{"content":"11f28d89"},{"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-677":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"848ce704"}],"tag":"b83b1560","tags":"5a8d0967","listMetadata":"5bf9ba3f"},"/illa-website/de/blog/tags/redis-31f":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"eb5bf31c"}],"tag":"b5f2bf09","tags":"5a8d0967","listMetadata":"0d554a4b"},"/illa-website/de/blog/tags/retool-cfd":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"84eadcb2"},{"content":"40c20836"},{"content":"050ff1a7"}],"tag":"12f5e357","tags":"5a8d0967","listMetadata":"6ba1d1fd"},"/illa-website/de/blog/tags/shadcn-ui-92f":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"848ce704"}],"tag":"3505054e","tags":"5a8d0967","listMetadata":"913e659f"},"/illa-website/de/blog/tags/slack-3a0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6b88316d"}],"tag":"3a11c6c0","tags":"5a8d0967","listMetadata":"aa984547"},"/illa-website/de/blog/tags/tooljet-3c2":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"84eadcb2"},{"content":"40c20836"},{"content":"050ff1a7"}],"tag":"a8318b78","tags":"5a8d0967","listMetadata":"ca9e32fb"},"/illa-website/de/blog/tags/tools-abc":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"35e17217"},{"content":"912dc06b"},{"content":"eb5bf31c"}],"tag":"a04a4c5d","tags":"5a8d0967","listMetadata":"c6cea252"},"/illa-website/de/blog/tags/traditionelle-entwicklung-ea4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"9a8604de"}],"tag":"8705a2fc","tags":"5a8d0967","listMetadata":"7febbbe5"},"/illa-website/de/blog/tags/typescript-a36":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"4cd4a92c"}],"tag":"e69dd07f","tags":"5a8d0967","listMetadata":"10725d97"},"/illa-website/de/blog/tags/ui-bibliothek-888":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"848ce704"}],"tag":"bc7fd142","tags":"5a8d0967","listMetadata":"d64de073"},"/illa-website/de/blog/tags/ui-library-1d3":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"}],"tag":"6de1dbb7","tags":"5a8d0967","listMetadata":"ca854f54"},"/illa-website/de/blog/tags/upwork-70b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"ba3e7c73"}],"tag":"6e21f0f2","tags":"5a8d0967","listMetadata":"bc523c4c"},"/illa-website/de/blog/tags/werkzeuge-d41":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"c96f02f5"}],"tag":"b981a087","tags":"5a8d0967","listMetadata":"1c57cedb"},"/illa-website/de/blog/tags/workflow-06f":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"1b46aaf4"},{"content":"6b88316d"},{"content":"e55440e4"}],"tag":"c93f1181","tags":"5a8d0967","listMetadata":"26c8c5aa"},"/illa-website/de/blog/the-best-tools-for-build-crud-applications-3ff":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"ceb37023"},"/illa-website/de/blog/tooljet-vs-appsmith-a33":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"d3d78a2c"},"/illa-website/de/blog/tooljet-vs-retool-33d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"8a494e53"},"/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/blog/top-7-database-guis-for-sql-databases-ae2":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3d113612"},"/illa-website/de/blog/top-7-redis-gui-tools-in-2023-c77":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"79c71fe4"},"/illa-website/de/blog/typescript-most-practical-features-compilation-14a":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"6f3a9b70"},"/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/illa-flow/-519":{"__comp":"1704a5d7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/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 n=1136,e(e.s=n);var n}));e.O()}]);
\ No newline at end of file
diff --git a/de/assets/js/main.b8f4635c.js.LICENSE.txt b/de/assets/js/main.7a78839f.js.LICENSE.txt
similarity index 100%
rename from de/assets/js/main.b8f4635c.js.LICENSE.txt
rename to de/assets/js/main.7a78839f.js.LICENSE.txt
diff --git a/de/assets/js/main.b8f4635c.js b/de/assets/js/main.b8f4635c.js
deleted file mode 100644
index 858672d1c5..0000000000
--- a/de/assets/js/main.b8f4635c.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see main.b8f4635c.js.LICENSE.txt */
-(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,n,t)=>{var i={"./":1884};function r(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}r.keys=function(){return Object.keys(i)},r.resolve=a,e.exports=r,r.id=1422},6002:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});t(959);var i=t(7558),r=t.n(i),a=t(6887);const o={"0104b3a5":[()=>Promise.all([t.e(532),t.e(8592),t.e(1205)]).then(t.bind(t,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(4013)]).then(t.bind(t,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([t.e(532),t.e(8592),t.e(8550)]).then(t.bind(t,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([t.e(532),t.e(8592),t.e(4530)]).then(t.bind(t,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([t.e(532),t.e(8592),t.e(1618)]).then(t.bind(t,489)),"@site/src/pages/components/Divider/index.tsx",489],"050ff1a7":[()=>t.e(4651).then(t.bind(t,3541)),"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md?truncated=true",3541],"0ace796b":[()=>t.e(7334).then(t.t.bind(t,9077,19)),"~blog/default/illa-website-de-blog-tags-core-app-dashboard-85e-list.json",9077],"0ca1f155":[()=>t.e(5764).then(t.t.bind(t,3019,19)),"~blog/default/illa-website-de-blog-tags-gui-d9d-list.json",3019],"0d554a4b":[()=>t.e(6600).then(t.t.bind(t,9544,19)),"~blog/default/illa-website-de-blog-tags-redis-8da-list.json",9544],"0ef6880a":[()=>t.e(1043).then(t.t.bind(t,9232,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143.json",9232],"10725d97":[()=>t.e(7821).then(t.t.bind(t,6611,19)),"~blog/default/illa-website-de-blog-tags-typescript-7ae-list.json",6611],"1145dbcf":[()=>t.e(2715).then(t.t.bind(t,2466,19)),"~blog/default/illa-website-de-blog-tags-burgerentwickler-230.json",2466],"11f28d89":[()=>t.e(7228).then(t.bind(t,5922)),"@site/blog/internal-tool/internal-tool.md?truncated=true",5922],"12f5e357":[()=>t.e(8808).then(t.t.bind(t,2401,19)),"~blog/default/illa-website-de-blog-tags-retool-955.json",2401],"1704a5d7":[()=>Promise.all([t.e(532),t.e(8592),t.e(5055),t.e(7596)]).then(t.bind(t,3135)),"@site/src/pages/illa-flow/index.tsx",3135],"17fb53e2":[()=>Promise.all([t.e(532),t.e(8592),t.e(4893)]).then(t.bind(t,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>t.e(5037).then(t.bind(t,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([t.e(532),t.e(8592),t.e(6921)]).then(t.bind(t,7108)),"@site/src/pages/components/index.tsx",7108],"189ab338":[()=>t.e(1663).then(t.t.bind(t,839,19)),"~blog/default/illa-website-de-blog-tags-freelancer-da0.json",839],"18bff930":[()=>t.e(5689).then(t.bind(t,8742)),"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md",8742],"1b46aaf4":[()=>t.e(7663).then(t.bind(t,7856)),"@site/blog/it-support/it-support.md?truncated=true",7856],"1b97b52f":[()=>Promise.all([t.e(532),t.e(8592),t.e(2833)]).then(t.bind(t,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1c57cedb":[()=>t.e(7493).then(t.t.bind(t,2720,19)),"~blog/default/illa-website-de-blog-tags-werkzeuge-baa-list.json",2720],"1df93b7f":[()=>Promise.all([t.e(532),t.e(8592),t.e(5708),t.e(3237)]).then(t.bind(t,7919)),"@site/src/pages/index.tsx",7919],"1e09ebda":[()=>t.e(946).then(t.bind(t,8679)),"@site/i18n/de/docusaurus-plugin-content-blog/best-citizen-developer-tool/best-citizen-developer-tool.md?truncated=true",8679],"1e2c1a99":[()=>t.e(7633).then(t.bind(t,3338)),"@site/i18n/de/docusaurus-plugin-content-blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",3338],"23c69b7f":[()=>t.e(9609).then(t.bind(t,5619)),"@site/i18n/de/docusaurus-plugin-content-blog/build-ai-tools/build-ai-tools.md",5619],"240230be":[()=>t.e(3757).then(t.t.bind(t,847,19)),"~blog/default/illa-website-de-blog-tags-interne-tools-30c-list.json",847],"25bbf118":[()=>Promise.all([t.e(532),t.e(8592),t.e(7277)]).then(t.bind(t,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25c95330":[()=>t.e(3611).then(t.t.bind(t,2307,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143-list.json",2307],"25ffa5da":[()=>Promise.all([t.e(532),t.e(8592),t.e(4417)]).then(t.bind(t,716)),"@site/src/pages/components/DateRange/index.tsx",716],"26c8c5aa":[()=>t.e(9444).then(t.t.bind(t,5574,19)),"~blog/default/illa-website-de-blog-tags-workflow-6bc-list.json",5574],"279770d6":[()=>Promise.all([t.e(532),t.e(8592),t.e(7654)]).then(t.bind(t,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([t.e(532),t.e(8592),t.e(5923),t.e(3807)]).then(t.bind(t,3712)),"@theme/SolutionsPage",3712],"2937fddb":[()=>Promise.all([t.e(532),t.e(8592),t.e(7559)]).then(t.bind(t,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([t.e(532),t.e(8592),t.e(4664)]).then(t.bind(t,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2e55149c":[()=>t.e(8920).then(t.bind(t,8692)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-dashboard.mdx",8692],30834002:[()=>Promise.all([t.e(532),t.e(8592),t.e(7949)]).then(t.bind(t,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([t.e(532),t.e(8592),t.e(7906)]).then(t.bind(t,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"3155c978":[()=>t.e(2696).then(t.t.bind(t,6139,19)),"~blog/default/illa-website-de-blog-tags-freiberuflich-f26.json",6139],"334cd31e":[()=>t.e(5278).then(t.t.bind(t,44,19)),"~blog/default/illa-website-de-blog-tags-database-31b-list.json",44],"34d0e50f":[()=>t.e(5385).then(t.t.bind(t,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"3505054e":[()=>t.e(5084).then(t.t.bind(t,8815,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc.json",8815],"354dfbd1":[()=>t.e(8248).then(t.bind(t,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"35e17217":[()=>t.e(5290).then(t.bind(t,7680)),"@site/blog/top-7-database-guis-for-sql-databases/top-7-database-guis-for-sql-databases.md?truncated=true",7680],"381438df":[()=>t.e(3755).then(t.t.bind(t,7610,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklungs-tool-ae5.json",7610],"38806fe8":[()=>Promise.all([t.e(532),t.e(8592),t.e(9248)]).then(t.bind(t,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"38ec0b43":[()=>t.e(8828).then(t.t.bind(t,5615,19)),"~blog/default/illa-website-de-blog-tags-burgerentwickler-230-list.json",5615],"3951042e":[()=>t.e(6194).then(t.t.bind(t,8316,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2.json",8316],"3a11c6c0":[()=>t.e(4289).then(t.t.bind(t,996,19)),"~blog/default/illa-website-de-blog-tags-slack-054.json",996],"3c2834c3":[()=>t.e(4644).then(t.t.bind(t,3924,19)),"~blog/default/illa-website-de-blog-tags-daten-dashboard-05b.json",3924],"3c8b381d":[()=>t.e(6857).then(t.t.bind(t,8167,19)),"~blog/default/illa-website-de-blog-tags-ki-854.json",8167],"3cda743d":[()=>t.e(1501).then(t.t.bind(t,6289,19)),"~blog/default/illa-website-de-blog-tags-database-31b.json",6289],"3d113612":[()=>t.e(1819).then(t.bind(t,7102)),"@site/blog/top-7-database-guis-for-sql-databases/top-7-database-guis-for-sql-databases.md",7102],"3d6ccfd0":[()=>Promise.all([t.e(532),t.e(8592),t.e(7543)]).then(t.bind(t,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>t.e(5694).then(t.bind(t,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([t.e(532),t.e(8592),t.e(7155)]).then(t.bind(t,2974)),"@site/src/pages/components/Form/index.tsx",2974],"40c20836":[()=>t.e(2391).then(t.bind(t,3490)),"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md?truncated=true",3490],"410ea938":[()=>t.e(5878).then(t.bind(t,7367)),"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md",7367],41685197:[()=>Promise.all([t.e(532),t.e(8592),t.e(4610)]).then(t.bind(t,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"43fad075":[()=>t.e(4815).then(t.bind(t,2586)),"@site/i18n/de/docusaurus-plugin-content-blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",2586],"451bfe05":[()=>Promise.all([t.e(532),t.e(8592),t.e(5162)]).then(t.bind(t,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([t.e(532),t.e(8592),t.e(2136)]).then(t.bind(t,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"45976a90":[()=>t.e(6847).then(t.t.bind(t,922,19)),"~blog/default/illa-website-de-blog-tags-gui-d9d.json",922],"46a49447":[()=>Promise.all([t.e(532),t.e(8592),t.e(4771)]).then(t.bind(t,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([t.e(532),t.e(8592),t.e(1055)]).then(t.bind(t,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([t.e(532),t.e(8592),t.e(852)]).then(t.bind(t,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>t.e(9699).then(t.bind(t,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4ac275c7":[()=>Promise.all([t.e(532),t.e(8592),t.e(1679)]).then(t.bind(t,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([t.e(532),t.e(8592),t.e(2578)]).then(t.bind(t,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"4cd4a92c":[()=>t.e(1421).then(t.bind(t,6011)),"@site/i18n/de/docusaurus-plugin-content-blog/typescript-most-practical-features-compilation/typescript-most-practical-features-compilation.md?truncated=true",6011],"50cfa8ab":[()=>Promise.all([t.e(532),t.e(8592),t.e(9788)]).then(t.bind(t,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"5248a763":[()=>t.e(8831).then(t.t.bind(t,2236,19)),"~blog/default/illa-website-de-blog-tags-appsmith-a29.json",2236],"53015dc5":[()=>Promise.all([t.e(532),t.e(8592),t.e(8962)]).then(t.bind(t,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"539718c6":[()=>t.e(8514).then(t.bind(t,5427)),"@site/blog/popular-tool/popular-tool.md?truncated=true",5427],"56cbb393":[()=>Promise.all([t.e(532),t.e(8592),t.e(7050)]).then(t.bind(t,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([t.e(532),t.e(8592),t.e(9982)]).then(t.bind(t,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([t.e(532),t.e(8592),t.e(4556)]).then(t.bind(t,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"59a26f86":[()=>t.e(5611).then(t.t.bind(t,8699,19)),"~blog/default/illa-website-de-blog-tags-appsmith-a29-list.json",8699],"59f2cc97":[()=>t.e(8365).then(t.t.bind(t,3479,19)),"~blog/default/illa-website-de-blog-tags-low-code-crm-5b3-list.json",3479],"5a8d0967":[()=>t.e(4359).then(t.t.bind(t,841,19)),"~blog/default/illa-website-de-blog-tags-tags-f58.json",841],"5adc8aa7":[()=>t.e(4293).then(t.t.bind(t,1728,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb-list.json",1728],"5b196cbe":[()=>t.e(2061).then(t.t.bind(t,4042,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb.json",4042],"5bf9ba3f":[()=>t.e(9574).then(t.t.bind(t,8087,19)),"~blog/default/illa-website-de-blog-tags-react-5cb-list.json",8087],"5c63dc5b":[()=>t.e(6191).then(t.t.bind(t,3459,19)),"~blog/default/illa-website-de-blog-4a8.json",3459],"5ca6070c":[()=>Promise.all([t.e(532),t.e(8592),t.e(2056)]).then(t.bind(t,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5d9e675f":[()=>t.e(5515).then(t.bind(t,1130)),"@site/blog/popular-tool/popular-tool.md",1130],"5e9f5e1a":[()=>Promise.resolve().then(t.bind(t,6809)),"@generated/docusaurus.config",6809],"5f723015":[()=>t.e(4300).then(t.bind(t,4670)),"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md",4670],"5f78ec6a":[()=>t.e(3096).then(t.bind(t,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([t.e(532),t.e(8592),t.e(9090)]).then(t.bind(t,786)),"@site/src/pages/components/Icon/index.tsx",786],"676e122a":[()=>t.e(1187).then(t.bind(t,2680)),"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md",2680],"68395e99":[()=>t.e(2847).then(t.bind(t,3948)),"@site/i18n/de/docusaurus-plugin-content-blog/best-low-code-platform/best-low-code-platform.md",3948],"6875c492":[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(8610)]).then(t.bind(t,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([t.e(532),t.e(8592),t.e(2714)]).then(t.bind(t,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"69e70952":[()=>t.e(3370).then(t.t.bind(t,4680,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2-list.json",4680],"6b77f036":[()=>t.e(7230).then(t.bind(t,7356)),"@site/i18n/de/docusaurus-plugin-content-blog/best-low-code-platform/best-low-code-platform.md?truncated=true",7356],"6b7903a8":[()=>Promise.all([t.e(532),t.e(8592),t.e(9324)]).then(t.bind(t,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6b88316d":[()=>t.e(6036).then(t.bind(t,114)),"@site/i18n/de/docusaurus-plugin-content-blog/automate-send-to-slack/automate-send-to-slack.md?truncated=true",114],"6ba1d1fd":[()=>t.e(2503).then(t.t.bind(t,4025,19)),"~blog/default/illa-website-de-blog-tags-retool-955-list.json",4025],"6bb5daf4":[()=>t.e(6402).then(t.bind(t,6963)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6963],"6d69edbe":[()=>t.e(8876).then(t.bind(t,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6de1dbb7":[()=>t.e(2974).then(t.t.bind(t,6851,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3.json",6851],"6e21f0f2":[()=>t.e(610).then(t.t.bind(t,6918,19)),"~blog/default/illa-website-de-blog-tags-upwork-4ed.json",6918],"6e91fee9":[()=>Promise.all([t.e(532),t.e(8592),t.e(856)]).then(t.bind(t,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f3a9b70":[()=>t.e(7803).then(t.bind(t,8134)),"@site/i18n/de/docusaurus-plugin-content-blog/typescript-most-practical-features-compilation/typescript-most-practical-features-compilation.md",8134],"6fb71529":[()=>t.e(8823).then(t.t.bind(t,8940,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da.json",8940],"7213c8c2":[()=>Promise.all([t.e(532),t.e(8592),t.e(3045)]).then(t.bind(t,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"733df29f":[()=>Promise.all([t.e(532),t.e(8592),t.e(8151)]).then(t.bind(t,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"745ae684":[()=>t.e(1027).then(t.bind(t,6122)),"@site/blog/launch-flow/launch-flow.md",6122],"7467c04f":[()=>t.e(3104).then(t.t.bind(t,5429,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9.json",5429],"78abd0ad":[()=>t.e(2477).then(t.t.bind(t,8884,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e.json",8884],"78b157de":[()=>t.e(3768).then(t.bind(t,5693)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-crm.mdx",5693],"79c71fe4":[()=>t.e(6939).then(t.bind(t,618)),"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md",618],"79cd3d84":[()=>t.e(9443).then(t.t.bind(t,3468,19)),"~blog/default/illa-website-de-blog-tags-freelancer-da0-list.json",3468],"7b91dc2c":[()=>Promise.all([t.e(532),t.e(8592),t.e(7448)]).then(t.bind(t,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([t.e(532),t.e(8592),t.e(7832)]).then(t.bind(t,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7dda7093":[()=>t.e(8518).then(t.bind(t,2860)),"@site/blog/low-code-crm/low-code-crm.md?truncated=true",2860],"7e92d9a9":[()=>t.e(3018).then(t.t.bind(t,5187,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da-list.json",5187],"7f0a0f20":[()=>Promise.all([t.e(532),t.e(8592),t.e(2377)]).then(t.bind(t,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"7febbbe5":[()=>t.e(2068).then(t.t.bind(t,820,19)),"~blog/default/illa-website-de-blog-tags-traditionelle-entwicklung-554-list.json",820],"837d095b":[()=>Promise.all([t.e(532),t.e(8592),t.e(9211)]).then(t.bind(t,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([t.e(532),t.e(8592),t.e(4638)]).then(t.bind(t,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"8476c6bf":[()=>t.e(3408).then(t.t.bind(t,4266,19)),"~blog/default/illa-website-de-blog-tags-fiverr-a83-list.json",4266],"848ce704":[()=>t.e(2901).then(t.bind(t,4504)),"@site/i18n/de/docusaurus-plugin-content-blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",4504],"84eadcb2":[()=>t.e(1691).then(t.bind(t,9002)),"@site/i18n/de/docusaurus-plugin-content-blog/appsmith-vs-retool/appsmith-vs-retool.md?truncated=true",9002],"86953be1":[()=>Promise.all([t.e(532),t.e(8592),t.e(6510)]).then(t.bind(t,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"86c6069c":[()=>t.e(4774).then(t.t.bind(t,3642,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklung-bbe.json",3642],"8705a2fc":[()=>t.e(2980).then(t.t.bind(t,6050,19)),"~blog/default/illa-website-de-blog-tags-traditionelle-entwicklung-554.json",6050],"88d8af9f":[()=>t.e(5038).then(t.bind(t,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([t.e(532),t.e(8592),t.e(3883)]).then(t.bind(t,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"89a4bf40":[()=>t.e(4915).then(t.bind(t,7543)),"@site/i18n/de/docusaurus-plugin-content-blog/best-citizen-developer-tool/best-citizen-developer-tool.md",7543],"8a494e53":[()=>t.e(2270).then(t.bind(t,3443)),"@site/blog/tooljet-vs-retool/tooljet-vs-retool.md",3443],"8ab25058":[()=>t.e(122).then(t.t.bind(t,7478,19)),"~blog/default/illa-website-de-blog-tags-automatisierung-625-list.json",7478],"8d6ac46a":[()=>t.e(8510).then(t.t.bind(t,2905,19)),"~blog/default/illa-website-de-blog-tags-freiberuflich-f26-list.json",2905],"8d9a9c02":[()=>Promise.all([t.e(532),t.e(8592),t.e(3265)]).then(t.bind(t,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"912dc06b":[()=>t.e(4501).then(t.bind(t,3507)),"@site/blog/the-best-tools-for-build-crud-applications/the-best-tools-for-build-crud-applications.md?truncated=true",3507],"913e659f":[()=>t.e(5355).then(t.t.bind(t,5102,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc-list.json",5102],"921028f2":[()=>Promise.all([t.e(532),t.e(8592),t.e(8922)]).then(t.bind(t,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([t.e(532),t.e(8592),t.e(1414)]).then(t.bind(t,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([t.e(532),t.e(8592),t.e(1845)]).then(t.bind(t,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>t.e(9713).then(t.bind(t,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"97896d63":[()=>t.e(8364).then(t.bind(t,2077)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",2077],"999679b7":[()=>t.e(1281).then(t.bind(t,9268)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-image-generator.mdx",9268],"9a8604de":[()=>t.e(4006).then(t.bind(t,966)),"@site/i18n/de/docusaurus-plugin-content-blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",966],"9de45a08":[()=>Promise.all([t.e(532),t.e(8592),t.e(4640)]).then(t.bind(t,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([t.e(532),t.e(8592),t.e(6290)]).then(t.bind(t,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a04a4c5d:[()=>t.e(8353).then(t.t.bind(t,1505,19)),"~blog/default/illa-website-de-blog-tags-tools-372.json",1505],a20143ec:[()=>t.e(5209).then(t.t.bind(t,2258,19)),"~blog/default/illa-website-de-blog-tags-core-app-dashboard-85e.json",2258],a241c358:[()=>t.e(5649).then(t.t.bind(t,3267,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e-list.json",3267],a252bbd3:[()=>t.e(9524).then(t.t.bind(t,8202,19)),"~blog/default/illa-website-de-blog-tags-daten-dashboard-05b-list.json",8202],a6aa9e1f:[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(3089)]).then(t.bind(t,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([t.e(532),t.e(8592),t.e(3102)]).then(t.bind(t,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([t.e(532),t.e(8592),t.e(8891)]).then(t.bind(t,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8318b78:[()=>t.e(9066).then(t.t.bind(t,7906,19)),"~blog/default/illa-website-de-blog-tags-tooljet-981.json",7906],a9372106:[()=>Promise.all([t.e(532),t.e(8592),t.e(1777)]).then(t.bind(t,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9b6c276:[()=>t.e(6681).then(t.t.bind(t,5722,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2-list.json",5722],aa984547:[()=>t.e(3119).then(t.t.bind(t,3239,19)),"~blog/default/illa-website-de-blog-tags-slack-054-list.json",3239],ab0e4da2:[()=>t.e(3967).then(t.bind(t,5456)),"@site/i18n/de/docusaurus-plugin-content-blog/core-app-dashboard/core-app-dashboard.md?truncated=true",5456],ac92cbdc:[()=>Promise.all([t.e(532),t.e(8592),t.e(5378)]).then(t.bind(t,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],b08e52d1:[()=>t.e(2789).then(t.t.bind(t,3105,19)),"~blog/default/illa-website-de-blog-tags-crud-087.json",3105],b1136fb8:[()=>t.e(9776).then(t.bind(t,2934)),"@site/i18n/de/docusaurus-plugin-content-blog/automate-send-to-slack/automate-send-to-slack.md",2934],b28d299f:[()=>t.e(5455).then(t.t.bind(t,8161,19)),"~blog/default/illa-website-de-blog-tags-ki-854-list.json",8161],b2b8f29c:[()=>t.e(7089).then(t.t.bind(t,2372,19)),"~blog/default/illa-website-de-blog-tags-java-script-b59-list.json",2372],b5f2bf09:[()=>t.e(1775).then(t.t.bind(t,8195,19)),"~blog/default/illa-website-de-blog-tags-redis-8da.json",8195],b6eb34d2:[()=>t.e(5191).then(t.bind(t,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],b7380117:[()=>t.e(3038).then(t.t.bind(t,2228,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklungs-tool-ae5-list.json",2228],b83b1560:[()=>t.e(5064).then(t.t.bind(t,696,19)),"~blog/default/illa-website-de-blog-tags-react-5cb.json",696],b981a087:[()=>t.e(256).then(t.t.bind(t,6301,19)),"~blog/default/illa-website-de-blog-tags-werkzeuge-baa.json",6301],ba3e7c73:[()=>t.e(9119).then(t.bind(t,2513)),"@site/i18n/de/docusaurus-plugin-content-blog/boost-freelancer/boost-freelancer.md?truncated=true",2513],bb2e1bc1:[()=>t.e(905).then(t.t.bind(t,9568,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb-list.json",9568],bb85b74d:[()=>t.e(5938).then(t.bind(t,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([t.e(532),t.e(8592),t.e(5118)]).then(t.bind(t,4980)),"@site/src/pages/components/Container/index.tsx",4980],bc523c4c:[()=>t.e(5425).then(t.t.bind(t,6455,19)),"~blog/default/illa-website-de-blog-tags-upwork-4ed-list.json",6455],bc7fd142:[()=>t.e(9425).then(t.t.bind(t,6344,19)),"~blog/default/illa-website-de-blog-tags-ui-bibliothek-513.json",6344],be1d629d:[()=>Promise.all([t.e(532),t.e(8592),t.e(545)]).then(t.bind(t,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c0d67a95:[()=>t.e(334).then(t.t.bind(t,5232,19)),"~blog/default/illa-website-de-blog-tags-interne-tools-30c.json",5232],c133d0bc:[()=>Promise.all([t.e(532),t.e(8592),t.e(7746)]).then(t.bind(t,1814)),"@site/src/pages/components/Image/index.tsx",1814],c1d2b2d8:[()=>t.e(1316).then(t.bind(t,495)),"@site/blog/it-support/it-support.md",495],c6b6e80c:[()=>t.e(5183).then(t.t.bind(t,106,19)),"~blog/default/illa-website-de-blog-tags-fiverr-a83.json",106],c6cea252:[()=>t.e(1885).then(t.t.bind(t,1877,19)),"~blog/default/illa-website-de-blog-tags-tools-372-list.json",1877],c93f1181:[()=>t.e(3459).then(t.t.bind(t,3413,19)),"~blog/default/illa-website-de-blog-tags-workflow-6bc.json",3413],c96f02f5:[()=>t.e(9150).then(t.bind(t,678)),"@site/i18n/de/docusaurus-plugin-content-blog/build-ai-tools/build-ai-tools.md?truncated=true",678],ca19ac91:[()=>Promise.all([t.e(532),t.e(8592),t.e(7612)]).then(t.bind(t,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca854f54:[()=>t.e(1273).then(t.t.bind(t,6830,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3-list.json",6830],ca96679e:[()=>Promise.all([t.e(532),t.e(8592),t.e(2031)]).then(t.bind(t,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ca9e32fb:[()=>t.e(5322).then(t.t.bind(t,3965,19)),"~blog/default/illa-website-de-blog-tags-tooljet-981-list.json",3965],ccc49370:[()=>Promise.all([t.e(532),t.e(8592),t.e(2316),t.e(5923),t.e(4809),t.e(6103)]).then(t.bind(t,9466)),"@theme/BlogPostPage",9466],ceb37023:[()=>t.e(4425).then(t.bind(t,8704)),"@site/blog/the-best-tools-for-build-crud-applications/the-best-tools-for-build-crud-applications.md",8704],cf603bed:[()=>t.e(4711).then(t.t.bind(t,5734,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2.json",5734],d3d78a2c:[()=>t.e(3934).then(t.bind(t,686)),"@site/blog/tooljet-vs-appsmith/tooljet-vs-appsmith.md",686],d64de073:[()=>t.e(537).then(t.t.bind(t,4152,19)),"~blog/default/illa-website-de-blog-tags-ui-bibliothek-513-list.json",4152],d8096fab:[()=>Promise.all([t.e(532),t.e(8592),t.e(6828)]).then(t.bind(t,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([t.e(532),t.e(8592),t.e(9321)]).then(t.bind(t,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([t.e(532),t.e(8592),t.e(2224)]).then(t.bind(t,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([t.e(532),t.e(8592),t.e(8595)]).then(t.bind(t,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([t.e(532),t.e(8592),t.e(8155)]).then(t.bind(t,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e1e9d957:[()=>t.e(4619).then(t.t.bind(t,4531,19)),"~blog/default/illa-website-de-blog-tags-burgerentwicklung-bbe-list.json",4531],e218e529:[()=>t.e(8310).then(t.t.bind(t,8853,19)),"~blog/default/illa-website-de-blog-tags-automatisierung-625.json",8853],e36a5bb5:[()=>t.e(9868).then(t.t.bind(t,4686,19)),"~blog/default/illa-website-de-blog-tags-java-script-b59.json",4686],e4e1a4b6:[()=>Promise.all([t.e(532),t.e(8592),t.e(8296)]).then(t.bind(t,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e55440e4:[()=>t.e(3845).then(t.bind(t,3610)),"@site/blog/launch-flow/launch-flow.md?truncated=true",3610],e5ce6207:[()=>t.e(4482).then(t.t.bind(t,6766,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb.json",6766],e69dd07f:[()=>t.e(9886).then(t.t.bind(t,332,19)),"~blog/default/illa-website-de-blog-tags-typescript-7ae.json",332],ea190378:[()=>t.e(9217).then(t.t.bind(t,5940,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9-list.json",5940],eb5bf31c:[()=>t.e(757).then(t.bind(t,4339)),"@site/blog/top-7-redis-gui-tools-in-2023/top-7-redis-gui-tools-in-2023.md?truncated=true",4339],ee37d46a:[()=>t.e(6216).then(t.t.bind(t,8660,19)),"~blog/default/illa-website-de-blog-tags-low-code-crm-5b3.json",8660],eef854f7:[()=>t.e(3791).then(t.bind(t,9640)),"@site/i18n/de/docusaurus-plugin-content-blog/boost-freelancer/boost-freelancer.md",9640],f0548b7f:[()=>t.e(2747).then(t.t.bind(t,262,19)),"~blog/default/illa-website-de-blog-page-2-db1.json",262],f1acacbf:[()=>t.e(199).then(t.bind(t,1485)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-cms.mdx",1485],f20664df:[()=>t.e(6355).then(t.bind(t,8804)),"@site/blog/internal-tool/internal-tool.md",8804],f2f0b17c:[()=>t.e(74).then(t.t.bind(t,4645,19)),"~blog/default/illa-website-de-blog-tags-crud-087-list.json",4645],f3cf1707:[()=>Promise.all([t.e(532),t.e(8592),t.e(3072)]).then(t.bind(t,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f7394536:[()=>t.e(9523).then(t.bind(t,4034)),"@site/blog/low-code-crm/low-code-crm.md",4034],fc0df049:[()=>t.e(5315).then(t.t.bind(t,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=t(1527);function s(e){let{error:n,retry:t,pastDelay:i}=e;return n?(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(n)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:t,children:"Retry"})})]}):i?(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 u=t(4420),c=t(2762);function d(e,n){if("*"===e)return r()({loading:s,loader:()=>Promise.all([t.e(532),t.e(8592),t.e(8245)]).then(t.bind(t,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,n){const t=e.default;return(0,l.jsx)(c.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(t,{...n})})}});const i=a[`${e}-${n}`],d={},p=[],g=[],f=(0,u.Z)(i);return Object.entries(f).forEach((e=>{let[n,t]=e;const i=o[t];i&&(d[n]=i[0],p.push(i[1]),g.push(i[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>g,render(n,t){const r=JSON.parse(JSON.stringify(i));Object.entries(n).forEach((n=>{let[t,i]=n;const a=i.default;if(!a)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 a&&"function"!=typeof a||Object.keys(i).filter((e=>"default"!==e)).forEach((e=>{a[e]=i[e]}));let o=r;const l=t.split(".");l.slice(0,-1).forEach((e=>{o=o[e]})),o[l[l.length-1]]=a}));const a=r.__comp;delete r.__comp;const o=r.__context;return delete r.__context,(0,l.jsx)(c.z,{value:o,children:(0,l.jsx)(a,{...r,...t})})}})}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","72d"),exact:!0},{path:"/illa-website/de/blog/appsmith-vs-retool",component:d("/illa-website/de/blog/appsmith-vs-retool","b3e"),exact:!0},{path:"/illa-website/de/blog/automatisieren-sendung-nach-slack",component:d("/illa-website/de/blog/automatisieren-sendung-nach-slack","0b8"),exact:!0},{path:"/illa-website/de/blog/backend-create-web-ui",component:d("/illa-website/de/blog/backend-create-web-ui","b70"),exact:!0},{path:"/illa-website/de/blog/best-citizen-developer-tool",component:d("/illa-website/de/blog/best-citizen-developer-tool","560"),exact:!0},{path:"/illa-website/de/blog/beste-low-code-plattform",component:d("/illa-website/de/blog/beste-low-code-plattform","f12"),exact:!0},{path:"/illa-website/de/blog/boost-freelancer",component:d("/illa-website/de/blog/boost-freelancer","bf3"),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/core-app-dashboard-2",component:d("/illa-website/de/blog/core-app-dashboard-2","005"),exact:!0},{path:"/illa-website/de/blog/internal-tool",component:d("/illa-website/de/blog/internal-tool","f7b"),exact:!0},{path:"/illa-website/de/blog/it-support",component:d("/illa-website/de/blog/it-support","a77"),exact:!0},{path:"/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen",component:d("/illa-website/de/blog/k\xfcnstliche-intelligenz-tools-erstellen","d82"),exact:!0},{path:"/illa-website/de/blog/launch-flow",component:d("/illa-website/de/blog/launch-flow","f70"),exact:!0},{path:"/illa-website/de/blog/low-code-crm",component:d("/illa-website/de/blog/low-code-crm","742"),exact:!0},{path:"/illa-website/de/blog/lowcode-vs-traditional",component:d("/illa-website/de/blog/lowcode-vs-traditional","70e"),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/page/2",component:d("/illa-website/de/blog/page/2","f7c"),exact:!0},{path:"/illa-website/de/blog/popular-tool",component:d("/illa-website/de/blog/popular-tool","b55"),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","ae3"),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","a7e"),exact:!0},{path:"/illa-website/de/blog/tags/appsmith",component:d("/illa-website/de/blog/tags/appsmith","bea"),exact:!0},{path:"/illa-website/de/blog/tags/automatisierung",component:d("/illa-website/de/blog/tags/automatisierung","e3d"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwickler",component:d("/illa-website/de/blog/tags/burgerentwickler","4fe"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwicklung",component:d("/illa-website/de/blog/tags/burgerentwicklung","356"),exact:!0},{path:"/illa-website/de/blog/tags/burgerentwicklungs-tool",component:d("/illa-website/de/blog/tags/burgerentwicklungs-tool","b32"),exact:!0},{path:"/illa-website/de/blog/tags/core-app-dashboard",component:d("/illa-website/de/blog/tags/core-app-dashboard","a8e"),exact:!0},{path:"/illa-website/de/blog/tags/crud",component:d("/illa-website/de/blog/tags/crud","a48"),exact:!0},{path:"/illa-website/de/blog/tags/data-dashboard",component:d("/illa-website/de/blog/tags/data-dashboard","fa2"),exact:!0},{path:"/illa-website/de/blog/tags/database",component:d("/illa-website/de/blog/tags/database","5d8"),exact:!0},{path:"/illa-website/de/blog/tags/daten-dashboard",component:d("/illa-website/de/blog/tags/daten-dashboard","b27"),exact:!0},{path:"/illa-website/de/blog/tags/fiverr",component:d("/illa-website/de/blog/tags/fiverr","93a"),exact:!0},{path:"/illa-website/de/blog/tags/freelancer",component:d("/illa-website/de/blog/tags/freelancer","e46"),exact:!0},{path:"/illa-website/de/blog/tags/freiberuflich",component:d("/illa-website/de/blog/tags/freiberuflich","810"),exact:!0},{path:"/illa-website/de/blog/tags/gui",component:d("/illa-website/de/blog/tags/gui","53b"),exact:!0},{path:"/illa-website/de/blog/tags/interne-tools",component:d("/illa-website/de/blog/tags/interne-tools","c70"),exact:!0},{path:"/illa-website/de/blog/tags/java-script",component:d("/illa-website/de/blog/tags/java-script","de8"),exact:!0},{path:"/illa-website/de/blog/tags/javascript",component:d("/illa-website/de/blog/tags/javascript","b9a"),exact:!0},{path:"/illa-website/de/blog/tags/ki",component:d("/illa-website/de/blog/tags/ki","04a"),exact:!0},{path:"/illa-website/de/blog/tags/low-code",component:d("/illa-website/de/blog/tags/low-code","5f4"),exact:!0},{path:"/illa-website/de/blog/tags/low-code-crm",component:d("/illa-website/de/blog/tags/low-code-crm","9f0"),exact:!0},{path:"/illa-website/de/blog/tags/mac",component:d("/illa-website/de/blog/tags/mac","1e2"),exact:!0},{path:"/illa-website/de/blog/tags/nodejs",component:d("/illa-website/de/blog/tags/nodejs","947"),exact:!0},{path:"/illa-website/de/blog/tags/nvm",component:d("/illa-website/de/blog/tags/nvm","158"),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","677"),exact:!0},{path:"/illa-website/de/blog/tags/redis",component:d("/illa-website/de/blog/tags/redis","31f"),exact:!0},{path:"/illa-website/de/blog/tags/retool",component:d("/illa-website/de/blog/tags/retool","cfd"),exact:!0},{path:"/illa-website/de/blog/tags/shadcn-ui",component:d("/illa-website/de/blog/tags/shadcn-ui","92f"),exact:!0},{path:"/illa-website/de/blog/tags/slack",component:d("/illa-website/de/blog/tags/slack","3a0"),exact:!0},{path:"/illa-website/de/blog/tags/tooljet",component:d("/illa-website/de/blog/tags/tooljet","3c2"),exact:!0},{path:"/illa-website/de/blog/tags/tools",component:d("/illa-website/de/blog/tags/tools","abc"),exact:!0},{path:"/illa-website/de/blog/tags/traditionelle-entwicklung",component:d("/illa-website/de/blog/tags/traditionelle-entwicklung","ea4"),exact:!0},{path:"/illa-website/de/blog/tags/typescript",component:d("/illa-website/de/blog/tags/typescript","a36"),exact:!0},{path:"/illa-website/de/blog/tags/ui-bibliothek",component:d("/illa-website/de/blog/tags/ui-bibliothek","888"),exact:!0},{path:"/illa-website/de/blog/tags/ui-library",component:d("/illa-website/de/blog/tags/ui-library","1d3"),exact:!0},{path:"/illa-website/de/blog/tags/upwork",component:d("/illa-website/de/blog/tags/upwork","70b"),exact:!0},{path:"/illa-website/de/blog/tags/werkzeuge",component:d("/illa-website/de/blog/tags/werkzeuge","d41"),exact:!0},{path:"/illa-website/de/blog/tags/workflow",component:d("/illa-website/de/blog/tags/workflow","06f"),exact:!0},{path:"/illa-website/de/blog/the-best-tools-for-build-crud-applications",component:d("/illa-website/de/blog/the-best-tools-for-build-crud-applications","3ff"),exact:!0},{path:"/illa-website/de/blog/tooljet-vs-appsmith",component:d("/illa-website/de/blog/tooljet-vs-appsmith","a33"),exact:!0},{path:"/illa-website/de/blog/tooljet-vs-retool",component:d("/illa-website/de/blog/tooljet-vs-retool","33d"),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/blog/top-7-database-guis-for-sql-databases",component:d("/illa-website/de/blog/top-7-database-guis-for-sql-databases","ae2"),exact:!0},{path:"/illa-website/de/blog/top-7-redis-gui-tools-in-2023",component:d("/illa-website/de/blog/top-7-redis-gui-tools-in-2023","c77"),exact:!0},{path:"/illa-website/de/blog/typescript-most-practical-features-compilation",component:d("/illa-website/de/blog/typescript-most-practical-features-compilation","14a"),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/illa-flow/",component:d("/illa-website/de/illa-flow/","519"),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,n,t)=>{"use strict";t.d(n,{_:()=>a,t:()=>o});var i=t(959),r=t(1527);const a=i.createContext(!1);function o(e){let{children:n}=e;const[t,o]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{o(!0)}),[]),(0,r.jsx)(a.Provider,{value:t,children:n})}},1136:(e,n,t)=>{"use strict";var i=t(959),r=t(4478),a=t(9500),o=t(387),l=t(6047);const s=[t(3852),t(89),t(6070),t(4329),t(962),t(1245)];var u=t(6002),c=t(8903),d=t(6920);function p(e,n,t){return void 0===t&&(t=[]),e.some((function(e){var i=e.path?(0,c.LX)(n,e):t.length?t[t.length-1].match:c.F0.computeRootMatch(n);return i&&(t.push({route:e,match:i}),e.routes&&p(e.routes,n,t)),i})),t}var g=t(1527);function f(e){let{children:n}=e;return(0,g.jsx)(g.Fragment,{children:n})}var m=t(4491),h=t(2688),b=t(9925),w=t(2593),v=t(1610),y=t(8224),k=t(864);const S="default";var x=t(6771),_=t(7535);function D(){const{i18n:{currentLocale:e,defaultLocale:n,localeConfigs:t}}=(0,h.Z)(),i=(0,y.l)(),r=t[e].htmlLang,a=e=>e.replace("-","_");return(0,g.jsxs)(m.Z,{children:[Object.entries(t).map((e=>{let[n,{htmlLang:t}]=e;return(0,g.jsx)("link",{rel:"alternate",href:i.createUrl({locale:n,fullyQualified:!0}),hrefLang:t},n)})),(0,g.jsx)("link",{rel:"alternate",href:i.createUrl({locale:n,fullyQualified:!0}),hrefLang:"x-default"}),(0,g.jsx)("meta",{property:"og:locale",content:a(r)}),Object.values(t).filter((e=>r!==e.htmlLang)).map((e=>(0,g.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function L(e){let{permalink:n}=e;const{siteConfig:{url:t}}=(0,h.Z)(),i=function(){const{siteConfig:{url:e,baseUrl:n,trailingSlash:t}}=(0,h.Z)(),{pathname:i}=(0,c.TH)();return e+(0,x.applyTrailingSlash)((0,b.Z)(i),{trailingSlash:t,baseUrl:n})}(),r=n?`${t}${n}`:i;return(0,g.jsxs)(m.Z,{children:[(0,g.jsx)("meta",{property:"og:url",content:r}),(0,g.jsx)("link",{rel:"canonical",href:r})]})}function A(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:n,image:t}=(0,w.L)();return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(m.Z,{children:[(0,g.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,g.jsx)("body",{className:k.h})]}),t&&(0,g.jsx)(v.d,{image:t}),(0,g.jsx)(L,{}),(0,g.jsx)(D,{}),(0,g.jsx)(_.Z,{tag:S,locale:e}),(0,g.jsx)(m.Z,{children:n.map(((e,n)=>(0,g.jsx)("meta",{...e},n)))})]})}const C=new Map;function E(e){if(C.has(e.pathname))return{...e,pathname:C.get(e.pathname)};if(p(u.Z,e.pathname).some((e=>{let{route:n}=e;return!0===n.exact})))return C.set(e.pathname,e.pathname),e;const n=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return C.set(e.pathname,n),{...e,pathname:n}}var P=t(7752),I=t(6855),z=t(2827);function T(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i{const i=n.default?.[e]??n[e];return i?.(...t)}));return()=>r.forEach((e=>e?.()))}const j=function(e){let{children:n,location:t,previousLocation:i}=e;return(0,z.Z)((()=>{i!==t&&(!function(e){let{location:n,previousLocation:t}=e;if(!t)return;const i=n.pathname===t.pathname,r=n.hash===t.hash,a=n.search===t.search;if(i&&r&&!a)return;const{hash:o}=n;if(o){const e=decodeURIComponent(o.substring(1)),n=document.getElementById(e);n?.scrollIntoView()}else window.scrollTo(0,0)}({location:t,previousLocation:i}),T("onRouteDidUpdate",{previousLocation:i,location:t}))}),[i,t]),n};function B(e){const n=Array.from(new Set([e,decodeURI(e)])).map((e=>p(u.Z,e))).flat();return Promise.all(n.map((e=>e.route.component.preload?.())))}class M extends i.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,n){if(e.location===this.props.location)return n.nextRouteHasLoaded;const t=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=T("onRouteUpdate",{previousLocation:this.previousLocation,location:t}),B(t.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:n}=this.props;return(0,g.jsx)(j,{previousLocation:this.previousLocation,location:n,children:(0,g.jsx)(c.AW,{location:n,render:()=>e})})}}const R=M,N="__docusaurus-base-url-issue-banner-container",O="__docusaurus-base-url-issue-banner",F="__docusaurus-base-url-issue-banner-suggestion-container";function K(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 = '${N}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n\n
Your Docusaurus site did not load properly.
\n
A very common reason is a wrong site baseUrl configuration.
\n
Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}
\n
We suggest trying baseUrl =
\n
\n`}(e)).replace(/{if("undefined"==typeof document)return void t();const i=document.createElement("link");i.setAttribute("rel","prefetch"),i.setAttribute("href",e),i.onload=()=>n(),i.onerror=()=>t();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(i)}))}:function(e){return new Promise(((n,t)=>{const i=new XMLHttpRequest;i.open("GET",e,!0),i.withCredentials=!0,i.onload=()=>{200===i.status?n():t()},i.send(null)}))};var Y=t(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const n=p(u.Z,e).flatMap((e=>{return n=e.route.path,Object.entries(W).filter((e=>{let[t]=e;return t.replace(/-[^-]+$/,"")===n})).flatMap((e=>{let[,n]=e;return Object.values((0,Y.Z)(n))}));var n}));return Promise.all(n.map((e=>{const n=t.gca(e);return n&&!n.includes("undefined")?Q(n).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),B(e))},te=Object.freeze(ne),ie=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),n=(0,g.jsx)(o.B6,{children:(0,g.jsx)(a.VK,{children:(0,g.jsx)(H,{})})}),t=(e,n)=>{console.error("Docusaurus React Root onRecoverableError:",e,n)},l=()=>{if(ie)i.startTransition((()=>{r.hydrateRoot(e,n,{onRecoverableError:t})}));else{const a=r.createRoot(e,{onRecoverableError:t});i.startTransition((()=>{a.render(n)}))}};B(window.location.pathname).then(l)}},6855:(e,n,t)=>{"use strict";t.d(n,{_:()=>d,M:()=>p});var i=t(959),r=t(6809);const a=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),o=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=t(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-reddit-plugin":{"type":"project"},"docusaurus-plugin-ILLA-clearbit":{"type":"project"}}}');var u=t(1527);const c={siteConfig:r.default,siteMetadata:s,globalData:a,i18n:o,codeTranslations:l},d=i.createContext(c);function p(e){let{children:n}=e;return(0,u.jsx)(d.Provider,{value:c,children:n})}},1289:(e,n,t)=>{"use strict";t.d(n,{Z:()=>Oe});var i=t(959),r=t(6047),a=t(4491),o=t(6771),l=t(5341),s=t(1610),u=t(9920),c=t(421),d=t(864),p=t(7675),g=t(2593),f=t(4288),m=t(5374),h=t(1527);function b(e){let{width:n=21,height:t=21,color:i="currentColor",strokeWidth:r=1.2,className:a,...o}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:n,height:t,...o,children:(0,h.jsx)("g",{stroke:i,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const w={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",w.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const y={content:"content_B3zk"};function k(e){const{announcementBar:n}=(0,g.L)(),{content:t}=n;return(0,h.jsx)("div",{...e,className:(0,l.Z)(y.content,e.className),dangerouslySetInnerHTML:{__html:t}})}const S={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function x(){const{announcementBar:e}=(0,g.L)(),{isActive:n,close:t}=(0,f.nT)();if(!n)return null;const{backgroundColor:i,textColor:r,isCloseable:a}=e;return(0,h.jsxs)("div",{className:S.announcementBar,style:{backgroundColor:i,color:r},role:"banner",children:[a&&(0,h.jsx)("div",{className:S.announcementBarPlaceholder}),(0,h.jsx)(k,{className:S.announcementBarContent}),a&&(0,h.jsx)(v,{onClick:t,className:S.announcementBarClose})]})}var _=t(5580),D=t(5508),L=t(3707);var A=t(1900);function C(e){let{header:n,primaryMenu:t,secondaryMenu:i}=e;const{shown:r}=(0,A.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[n,(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:t}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:i})]})]})}var E=t(1694),P=t(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 z(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 j(e){let{className:n,buttonClassName:t,value:i,onChange:r}=e;const a=(0,P.Z)(),o=(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"===i?(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,n),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",T.toggleButton,!a&&T.toggleButtonDisabled,t),type:"button",onClick:()=>r("dark"===i?"light":"dark"),disabled:!a,title:o,"aria-label":o,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(T.toggleIcon,T.lightToggleIcon)}),(0,h.jsx)(z,{className:(0,l.Z)(T.toggleIcon,T.darkToggleIcon)})]})})}const B=i.memo(j),M={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function R(e){let{className:n}=e;const t=(0,g.L)().navbar.style,i=(0,g.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:a}=(0,E.I)();return i?null:(0,h.jsx)(B,{className:n,buttonClassName:"dark"===t?M.darkNavbarColorModeToggle:void 0,value:r,onChange:a})}var N=t(0),O=t(9925),F=t(2688);const K={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function U(e){let{className:n,children:t}=e;const r=(0,P.Z)(),{colorMode:a}=(0,E.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===a?["dark"]:["light"]:["light","dark"]).map((e=>{const r=t({theme:e,className:(0,l.Z)(n,K.themedComponent,K[`themedComponent--${e}`])});return(0,h.jsx)(i.Fragment,{children:r},e)}))})}function V(e){const{sources:n,className:t,alt:i,...r}=e;return(0,h.jsx)(U,{className:t,children:e=>{let{theme:t,className:a}=e;return(0,h.jsx)("img",{src:n[t],alt:i,className:a,...r})}})}function Z(e){let{logo:n,alt:t,imageClassName:i}=e;const r={light:(0,O.Z)(n.src),dark:(0,O.Z)(n.srcDark||n.src)},a=(0,h.jsx)(V,{className:n.className,sources:r,height:n.height,width:n.width,alt:t,style:n.style});return i?(0,h.jsx)("div",{className:i,children:a}):a}function q(e){const{siteConfig:{title:n}}=(0,F.Z)(),{navbar:{title:t,logo:i}}=(0,g.L)(),{imageClassName:r,titleClassName:a,...o}=e,l=(0,O.Z)(i?.href||"/"),s=t?"":n,u=i?.alt??s;return(0,h.jsxs)(N.Z,{to:l,...o,...i?.target&&{target:i.target},children:[i&&(0,h.jsx)(Z,{logo:i,alt:u,imageClassName:r}),null!=t&&(0,h.jsx)("b",{className:a,children:t})]})}function $(){return(0,h.jsx)(q,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function G(){const e=(0,_.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 H(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)($,{}),(0,h.jsx)(R,{className:"margin-right--md"}),(0,h.jsx)(G,{})]})}var W=t(6794);function Q(){const e=(0,_.e)(),n=(0,g.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:n.map(((n,t)=>(0,i.createElement)(W.Z,{mobile:!0,...n,onClick:()=>e.toggle(),key:t})))})}function Y(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,g.L)().navbar.items.length,n=(0,A.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(Y,{onClick:()=>n.hide()}),n.content]})}function J(){const e=(0,_.e)();var n;return void 0===(n=e.shown)&&(n=!0),(0,i.useEffect)((()=>(document.body.style.overflow=n?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[n]),e.shouldRender?(0,h.jsx)(C,{header:(0,h.jsx)(H,{}),primaryMenu:(0,h.jsx)(Q,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function ne(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function te(e){let{children:n}=e;const{navbar:{hideOnScroll:t,style:r}}=(0,g.L)(),a=(0,_.e)(),{navbarRef:o,isNavbarVisible:s}=function(e){const[n,t]=(0,i.useState)(e),r=(0,i.useRef)(!1),a=(0,i.useRef)(0),o=(0,i.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((n,i)=>{let{scrollY:o}=n;if(!e)return;if(o=l?t(!1):o+u{if(!e)return;const i=n.location.hash;if(i?document.getElementById(i.substring(1)):void 0)return r.current=!0,void t(!1);t(!0)})),{navbarRef:o,isNavbarVisible:n}}(t);return(0,h.jsxs)("nav",{ref:o,"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",t&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":a.shown}),children:[n,(0,h.jsx)(ne,{onClick:a.toggle}),(0,h.jsx)(J,{})]})}var ie=t(809),re=t(5160),ae=t(1603);function oe(e){let{width:n=30,height:t=30,className:i,...r}=e;return(0,h.jsx)("svg",{className:i,width:n,height:t,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:n}=(0,_.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":n,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(oe,{})})}var se=t(5243);const ue={colorModeToggle:"colorModeToggle_Kblj"};function ce(e){let{items:n}=e;return(0,h.jsx)(h.Fragment,{children:n.map(((e,n)=>(0,h.jsx)(ie.QW,{onError:n=>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:n}),children:(0,h.jsx)(W.Z,{...e})},n)))})}function de(e){let{left:n,right:t}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:n}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:t})]})}function pe(){const e=(0,_.e)(),n=(0,g.L)().navbar.items,[t,i]=(0,re.A)(n),r=n.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)($,{}),(0,h.jsx)(ce,{items:t})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ce,{items:i}),(0,h.jsx)(R,{className:ue.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(ae.Z,{})})]})})}function ge(){return(0,h.jsx)(te,{children:(0,h.jsx)(pe,{})})}var fe=t(8295),me=t(3815);function he(e){let{item:n}=e;const{to:t,href:i,label:r,prependBaseUrlToHref:a,...o}=n,l=(0,O.Z)(t),s=(0,O.Z)(i,{forcePrependBaseUrl:!0});return(0,h.jsxs)(N.Z,{className:"footer__link-item",...i?{href:a?s:i}:{to:l},...o,children:[r,i&&!(0,fe.Z)(i)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:n}=e;return n.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:n.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:n})},n.href??n.to)}function we(e){let{column:n}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:n.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:n.items.map(((e,n)=>(0,h.jsx)(be,{item:e},n)))})]})}function ve(e){let{columns:n}=e;return(0,h.jsx)("div",{className:"row footer__links",children:n.map(((e,n)=>(0,h.jsx)(we,{column:e},n)))})}function ye(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ke(e){let{item:n}=e;return n.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:n.html}}):(0,h.jsx)(he,{item:n})}function Se(e){let{links:n}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:n.map(((e,t)=>(0,h.jsxs)(i.Fragment,{children:[(0,h.jsx)(ke,{item:e}),n.length!==t+1&&(0,h.jsx)(ye,{})]},t)))})})}function xe(e){let{links:n}=e;return function(e){return"title"in e[0]}(n)?(0,h.jsx)(ve,{columns:n}):(0,h.jsx)(Se,{links:n})}const _e={footerLogoLink:"footerLogoLink_K6r0"};function De(e){let{logo:n}=e;const{withBaseUrl:t}=(0,O.C)(),i={light:t(n.src),dark:t(n.srcDark??n.src)};return(0,h.jsx)(V,{className:(0,l.Z)("footer__logo",n.className),alt:n.alt,sources:i,width:n.width,height:n.height,style:n.style})}function Le(e){let{logo:n}=e;return n.href?(0,h.jsx)(N.Z,{href:n.href,className:_e.footerLogoLink,target:n.target,children:(0,h.jsx)(De,{logo:n})}):(0,h.jsx)(De,{logo:n})}function Ae(e){let{copyright:n}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}})}function Ce(e){let{style:n,links:t,logo:i,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===n}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[t,(i||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[i&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:i}),r]})]})})}function Ee(){const{footer:e}=(0,g.L)();if(!e)return null;const{copyright:n,links:t,logo:i,style:r}=e;return(0,h.jsx)(Ce,{style:r,links:t&&t.length>0&&(0,h.jsx)(xe,{links:t}),logo:i&&(0,h.jsx)(Le,{logo:i}),copyright:n&&(0,h.jsx)(Ae,{copyright:n})})}const Pe=i.memo(Ee);var Ie=t(5299),ze=t(2520);const Te={mainWrapper:"mainWrapper_Xc8_"};function je(e){const{children:n,noFooter:t,wrapperClassName:i,title:r,description:a}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:a}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(x,{}),(0,h.jsx)(ge,{}),(0,h.jsx)("div",{id:u.u,className:(0,l.Z)(c.k.wrapper.main,Te.mainWrapper,i),children:(0,h.jsx)(Oe,{fallback:e=>(0,h.jsx)(ze.Z,{...e}),children:n})}),!t&&(0,h.jsx)(Pe,{})]})}function Be(e){let{error:n,tryAgain:t}=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:t,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Me,{error:n})]})}function Me(e){let{error:n}=e;const t=(0,o.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:t})}function Re(e){let{error:n,tryAgain:t}=e;return(0,h.jsxs)(Oe,{fallback:()=>(0,h.jsx)(Be,{error:n,tryAgain:t}),children:[(0,h.jsx)(a.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(je,{children:(0,h.jsx)(Be,{error:n,tryAgain:t})})]})}const Ne=e=>(0,h.jsx)(Re,{...e});class Oe extends i.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:n}=this.state;if(n){const e={error:n,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Ne)(e)}return e??null}}},6047:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});const i="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:i,canUseEventListeners:i&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:i&&"IntersectionObserver"in window,canUseViewport:i&&"screen"in window}},4491:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);var i=t(387),r=t(1527);function a(e){return(0,r.jsx)(i.ql,{...e})}},3630:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o,s:()=>a});var i=t(959),r=t(1527);function a(e,n){const t=e.split(/(\{\w+\})/).map(((e,t)=>{if(t%2==1){const t=n?.[e.slice(1,-1)];if(void 0!==t)return t}return e}));return t.some((e=>(0,i.isValidElement)(e)))?t.map(((e,n)=>(0,i.isValidElement)(e)?i.cloneElement(e,{key:n}):e)).filter((e=>""!==e)):t.join("")}function o(e){let{children:n,values:t}=e;if("string"!=typeof n)throw new Error("The Docusaurus component only accept simple string values. Received: "+((0,i.isValidElement)(n)?"React element":typeof n));return(0,r.jsx)(r.Fragment,{children:a(n,t)})}},0:(e,n,t)=>{"use strict";t.d(n,{Z:()=>g});var i=t(959),r=t(9500),a=t(6771),o=t(2688),l=t(8295),s=t(6047),u=t(1527);const c=i.createContext({collectLink:()=>{}});var d=t(9925);function p(e,n){let{isNavLink:t,to:p,href:g,activeClassName:f,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...w}=e;const{siteConfig:{trailingSlash:v,baseUrl:y}}=(0,o.Z)(),{withBaseUrl:k}=(0,d.C)(),S=(0,i.useContext)(c),x=(0,i.useRef)(null);(0,i.useImperativeHandle)(n,(()=>x.current));const _=p||g;const D=(0,l.Z)(_),L=_?.replace("pathname://","");let A=void 0!==L?(C=L,b&&(e=>e.startsWith("/"))(C)?k(C):C):void 0;var C;A&&D&&(A=(0,a.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:y}));const E=(0,i.useRef)(!1),P=t?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,z=(0,i.useRef)(),T=()=>{E.current||null==A||(window.docusaurus.preload(A),E.current=!0)};(0,i.useEffect)((()=>(!I&&D&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&z.current&&z.current.disconnect()})),[z,A,I,D]);const j=A?.startsWith("#")??!1,B=!A||!D||j;return B||h||S.collectLink(A),B?(0,u.jsx)("a",{ref:x,href:A,..._&&!D&&{target:"_blank",rel:"noopener noreferrer"},...w}):(0,u.jsx)(P,{...w,onMouseEnter:T,onTouchStart:T,innerRef:e=>{x.current=e,I&&e&&D&&(z.current=new window.IntersectionObserver((n=>{n.forEach((n=>{e===n.target&&(n.isIntersecting||n.intersectionRatio>0)&&(z.current.unobserve(e),z.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),z.current.observe(e))},to:A,...t&&{isActive:m,activeClassName:f}})}const g=i.forwardRef(p)},1603:(e,n,t)=>{"use strict";t.d(n,{Z:()=>i});const i=()=>null},5374:(e,n,t)=>{"use strict";t.d(n,{I:()=>l,Z:()=>s});t(959);var i=t(3630),r=t(7529),a=t(1527);function o(e){let{id:n,message:t}=e;if(void 0===n&&void 0===t)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[n??t]??t??n}function l(e,n){let{message:t,id:r}=e;const a=o({message:t,id:r});return(0,i.s)(a,n)}function s(e){let{children:n,id:t,values:r}=e;if(n&&"string"!=typeof n)throw console.warn("Illegal children",n),new Error("The Docusaurus component only accept simple string values");const l=o({message:n,id:t});return(0,a.jsx)(a.Fragment,{children:(0,i.s)(l,r)})}},4684:(e,n,t)=>{"use strict";t.d(n,{m:()=>i});const i="default"},8295:(e,n,t)=>{"use strict";function i(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!i(e)}t.d(n,{Z:()=>r,b:()=>i})},9925:(e,n,t)=>{"use strict";t.d(n,{C:()=>o,Z:()=>l});var i=t(959),r=t(2688),a=t(8295);function o(){const{siteConfig:{baseUrl:e,url:n}}=(0,r.Z)(),t=(0,i.useCallback)(((t,i)=>function(e,n,t,i){let{forcePrependBaseUrl:r=!1,absolute:o=!1}=void 0===i?{}:i;if(!t||t.startsWith("#")||(0,a.b)(t))return t;if(r)return n+t.replace(/^\//,"");if(t===n.replace(/\/$/,""))return n;const l=t.startsWith(n)?t:n+t.replace(/^\//,"");return o?e+l:l}(n,e,t,i)),[n,e]);return{withBaseUrl:t}}function l(e,n){void 0===n&&(n={});const{withBaseUrl:t}=o();return t(e,n)}},2688:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(959),r=t(6855);function a(){return(0,i.useContext)(r._)}},7111:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(959),r=t(7752);function a(){return(0,i.useContext)(r._)}},2827:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});var i=t(959);const r=t(6047).Z.canUseDOM?i.useLayoutEffect:i.useEffect},4420:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});const i=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const n={};return function e(t,r){Object.entries(t).forEach((t=>{let[a,o]=t;const l=r?`${r}.${a}`:a;i(o)?e(o,l):n[l]=o}))}(e),n}},2762:(e,n,t)=>{"use strict";t.d(n,{_:()=>a,z:()=>o});var i=t(959),r=t(1527);const a=i.createContext(null);function o(e){let{children:n,value:t}=e;const o=i.useContext(a),l=(0,i.useMemo)((()=>function(e){let{parent:n,value:t}=e;if(!n){if(!t)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in t))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return t}const i={...n.data,...t?.data};return{plugin:n.plugin,data:i}}({parent:o,value:t})),[o,t]);return(0,r.jsx)(a.Provider,{value:l,children:n})}},9384:(e,n,t)=>{"use strict";t.d(n,{Iw:()=>f,_r:()=>c,zh:()=>d,yW:()=>g,gB:()=>p});var i=t(8903),r=t(2688),a=t(4684);function o(e,n){void 0===n&&(n={});const t=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!t&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return t}const l=e=>e.versions.find((e=>e.isLast));function s(e,n){const t=function(e,n){const t=l(e);return[...e.versions.filter((e=>e!==t)),t].find((e=>!!(0,i.LX)(n,{path:e.path,exact:!1,strict:!1})))}(e,n),r=t?.docs.find((e=>!!(0,i.LX)(n,{path:e.path,exact:!0,strict:!1})));return{activeVersion:t,activeDoc:r,alternateDocVersions:r?function(n){const t={};return e.versions.forEach((e=>{e.docs.forEach((i=>{i.id===n&&(t[e.name]=i)}))})),t}(r.id):{}}}const u={},c=()=>o("docusaurus-plugin-content-docs")??u,d=e=>function(e,n,t){void 0===n&&(n=a.m),void 0===t&&(t={});const i=o(e),r=i?.[n];if(!r&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${n}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function g(e){const n=d(e);return l(n)}function f(e){const n=d(e),{pathname:t}=(0,i.TH)();return s(n,t)}},3852:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>i});const i={onRouteDidUpdate(e){let{location:n,previousLocation:t}=e;!t||n.pathname===t.pathname&&n.search===t.search&&n.hash===t.hash||setTimeout((()=>{window.gtag("set","page_path",n.pathname+n.search+n.hash),window.gtag("event","page_view")}))}}},7558:(e,n,t)=>{"use strict";function i(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(){return o=Object.assign||function(e){for(var n=1;n{"use strict";t.r(n),t.d(n,{default:()=>a});var i=t(9981),r=t.n(i);r().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:n,previousLocation:t}=e;if(t&&n.pathname!==t.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,n,t)=>{"use strict";t.r(n);var i=t(2425),r=t(6809);!function(e){const{themeConfig:{prism:n}}=r.default,{additionalLanguages:i}=n;globalThis.Prism=e,i.forEach((e=>{"php"===e&&t(1559),t(1422)(`./prism-${e}`)})),delete globalThis.Prism}(i.p1)},2520:(e,n,t)=>{"use strict";t.d(n,{Z:()=>l});t(959);var i=t(5374),r=t(809),a=t(6561),o=t(1527);function l(e){let{error:n,tryAgain:t}=e;return(0,o.jsx)("main",{className:"container margin-vert--xl",children:(0,o.jsx)("div",{className:"row",children:(0,o.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,o.jsx)(a.Z,{as:"h1",className:"hero__title",children:(0,o.jsx)(i.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,o.jsx)("div",{className:"margin-vert--lg",children:(0,o.jsx)(r.Cw,{onClick:t,className:"button button--primary shadow--lw"})}),(0,o.jsx)("hr",{}),(0,o.jsx)("div",{className:"margin-vert--md",children:(0,o.jsx)(r.aG,{error:n})})]})})})}},6561:(e,n,t)=>{"use strict";t.d(n,{Z:()=>u});t(959);var i=t(5341),r=t(5374),a=t(2593),o=t(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=t(1527);function u(e){let{as:n,id:t,...u}=e;const{navbar:{hideOnScroll:c}}=(0,a.L)();if("h1"===n||!t)return(0,s.jsx)(n,{...u,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 u.children?u.children:t});return(0,s.jsxs)(n,{...u,className:(0,i.Z)("anchor",c?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:t,children:[u.children,(0,s.jsx)(o.Z,{className:"hash-link",to:`#${t}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);const i={iconExternalLink:"iconExternalLink_ocOZ"};var r=t(1527);function a(e){let{width:n=13.5,height:t=13.5}=e;return(0,r.jsx)("svg",{width:n,height:t,"aria-hidden":"true",viewBox:"0 0 24 24",className:i.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,n,t)=>{"use strict";t.d(n,{Z:()=>p});t(959);var i=t(7399),r=t(1694),a=t(4288),o=t(3707),l=t(1836),s=t(1610),u=t(5160),c=t(1527);const d=(0,i.Qc)([r.S,a.pl,o.OC,l.L5,s.VC,u.V]);function p(e){let{children:n}=e;return(0,c.jsx)(d,{children:n})}},5243:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o});t(959);var i=t(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var a=t(1527);function o(e){let{children:n,className:t}=e;return(0,a.jsx)("div",{className:(0,i.Z)(t,r.navbarSearchContainer),children:n})}},6612:(e,n,t)=>{"use strict";t.d(n,{Z:()=>u});t(959);var i=t(0),r=t(9925),a=t(8295),o=t(3535),l=t(3815),s=t(1527);function u(e){let{activeBasePath:n,activeBaseRegex:t,to:u,href:c,label:d,html:p,isDropdownLink:g,prependBaseUrlToHref:f,...m}=e;const h=(0,r.Z)(u),b=(0,r.Z)(n),w=(0,r.Z)(c,{forcePrependBaseUrl:!0}),v=d&&c&&!(0,a.Z)(c),y=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...g&&{width:12,height:12}})]})};return c?(0,s.jsx)(i.Z,{href:f?w:c,...m,...y}):(0,s.jsx)(i.Z,{to:h,isNavLink:!0,...(n||t)&&{isActive:(e,n)=>t?(0,o.F)(t,n.pathname):n.pathname.startsWith(b)},...m,...y})}},6794:(e,n,t)=>{"use strict";t.d(n,{Z:()=>y});t(959);var i=t(5341),r=t(6612),a=t(1527);function o(e){let{className:n,isDropdownItem:t=!1,...o}=e;const l=(0,a.jsx)(r.Z,{className:(0,i.Z)(t?"dropdown__link":"navbar__item navbar__link",n),isDropdownLink:t,...o});return t?(0,a.jsx)("li",{children:l}):l}function l(e){let{className:n,isDropdownItem:t,...o}=e;return(0,a.jsx)("li",{className:"menu__list-item",children:(0,a.jsx)(r.Z,{className:(0,i.Z)("menu__link",n),...o})})}function s(e){let{mobile:n=!1,position:t,...i}=e;const r=n?l:o;return(0,a.jsx)(r,{...i,activeClassName:i.activeClassName??(n?"menu__link--active":"navbar__link--active")})}var u=t(8784),c=t(7412),d=t(1603),p=t(5243);var g=t(9384),f=t(8068);var m=t(1836),h=t(5374),b=t(8903);const w=e=>e.docs.find((n=>n.id===e.mainDocId));const v={default:s,localeDropdown:c.Z,search:function(e){let{mobile:n,className:t}=e;return n?null:(0,a.jsx)(p.Z,{className:t,children:(0,a.jsx)(d.Z,{})})},dropdown:u.Z,html:function(e){let{value:n,className:t,mobile:r=!1,isDropdownItem:o=!1}=e;const l=o?"li":"div";return(0,a.jsx)(l,{className:(0,i.Z)({navbar__item:!r&&!o,"menu__list-item":r},t),dangerouslySetInnerHTML:{__html:n}})},doc:function(e){let{docId:n,label:t,docsPluginId:i,...r}=e;const{activeDoc:o}=(0,g.Iw)(i),l=(0,f.vY)(n,i),u=o?.path===l?.path;return null===l||l.unlisted&&!u?null:(0,a.jsx)(s,{exact:!0,...r,isActive:()=>u||!!o?.sidebar&&o.sidebar===l.sidebar,label:t??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:n,label:t,docsPluginId:i,...r}=e;const{activeDoc:o}=(0,g.Iw)(i),l=(0,f.oz)(n,i).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${n}" doesn't have anything to be linked to.`);return(0,a.jsx)(s,{exact:!0,...r,isActive:()=>o?.sidebar===n,label:t??l.label,to:l.path})},docsVersion:function(e){let{label:n,to:t,docsPluginId:i,...r}=e;const o=(0,f.lO)(i)[0],l=n??o.label,u=t??(e=>e.docs.find((n=>n.id===e.mainDocId)))(o).path;return(0,a.jsx)(s,{...r,label:l,to:u})},docsVersionDropdown:function(e){let{mobile:n,docsPluginId:t,dropdownActiveClassDisabled:i,dropdownItemsBefore:r,dropdownItemsAfter:o,...l}=e;const{search:c,hash:d}=(0,b.TH)(),p=(0,g.Iw)(t),v=(0,g.gB)(t),{savePreferredVersionName:y}=(0,m.J)(t),k=[...r,...v.map((e=>{const n=p.alternateDocVersions[e.name]??w(e);return{label:e.label,to:`${n.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>y(e.name)}})),...o],S=(0,f.lO)(t)[0],x=n&&k.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):S.label,_=n&&k.length>1?void 0:w(S).path;return k.length<=1?(0,a.jsx)(s,{...l,mobile:n,label:x,to:_,isActive:i?()=>!1:void 0}):(0,a.jsx)(u.Z,{...l,mobile:n,label:x,to:_,items:k,isActive:i?()=>!1:void 0})}};function y(e){let{type:n,...t}=e;const i=function(e,n){return e&&"default"!==e?e:"items"in n?"dropdown":"default"}(n,t),r=v[i];if(!r)throw new Error(`No NavbarItem component found for type "${n}".`);return(0,a.jsx)(r,{...t})}},7535:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});t(959);var i=t(4491),r=t(1527);function a(e){let{locale:n,version:t,tag:a}=e;const o=n;return(0,r.jsxs)(i.Z,{children:[n&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:n}),t&&(0,r.jsx)("meta",{name:"docusaurus_version",content:t}),a&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:a}),o&&(0,r.jsx)("meta",{name:"docsearch:language",content:o}),t&&(0,r.jsx)("meta",{name:"docsearch:version",content:t}),a&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},7675:(e,n,t)=>{"use strict";t.d(n,{Z:()=>o});t(959);var i=t(9920);const r={skipToContent:"skipToContent_YRel"};var a=t(1527);function o(){return(0,a.jsx)(i.l,{className:r.skipToContent})}},4794:(e,n,t)=>{"use strict";t.d(n,{z:()=>b,u:()=>s});var i=t(959),r=t(6047),a=t(2827);var o=t(1527);const l="ease-in-out";function s(e){let{initialState:n}=e;const[t,r]=(0,i.useState)(n??!1),a=(0,i.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:t,setCollapsed:r,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},c={display:"block",overflow:"visible",height:"auto"};function d(e,n){const t=n?u:c;e.style.display=t.display,e.style.overflow=t.overflow,e.style.height=t.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const n=e/36;return Math.round(10*(4+15*n**.25+n/5))}function g(e){let{collapsibleRef:n,collapsed:t,animation:r}=e;const a=(0,i.useRef)(!1);(0,i.useEffect)((()=>{const e=n.current;function i(){const n=function(){const n=e.scrollHeight;return{transition:`height ${r?.duration??p(n)}ms ${r?.easing??l}`,height:`${n}px`}}();e.style.transition=n.transition,e.style.height=n.height}if(!a.current)return d(e,t),void(a.current=!0);return e.style.willChange="height",function(){const n=requestAnimationFrame((()=>{t?(i(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(n)}()}),[n,t,r])}function f(e){if(!r.Z.canUseDOM)return e?u:c}function m(e){let{as:n="div",collapsed:t,children:r,animation:a,onCollapseTransitionEnd:l,className:s,disableSSRStyle:u}=e;const c=(0,i.useRef)(null);return g({collapsibleRef:c,collapsed:t,animation:a}),(0,o.jsx)(n,{ref:c,style:u?void 0:f(t),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,t),l?.(t))},className:s,children:r})}function h(e){let{collapsed:n,...t}=e;const[r,l]=(0,i.useState)(!n),[s,u]=(0,i.useState)(n);return(0,a.Z)((()=>{n||l(!0)}),[n]),(0,a.Z)((()=>{r&&u(n)}),[r,n]),r?(0,o.jsx)(m,{...t,collapsed:s}):null}function b(e){let{lazy:n,...t}=e;const i=n?h:m;return(0,o.jsx)(i,{...t})}},4288:(e,n,t)=>{"use strict";t.d(n,{nT:()=>m,pl:()=>f});var i=t(959),r=t(7111),a=t(6340),o=t(7399),l=t(2593),s=t(1527);const u=(0,a.WA)("docusaurus.announcement.dismiss"),c=(0,a.WA)("docusaurus.announcement.id"),d=()=>"true"===u.get(),p=e=>u.set(String(e)),g=i.createContext(null);function f(e){let{children:n}=e;const t=function(){const{announcementBar:e}=(0,l.L)(),n=(0,r.Z)(),[t,a]=(0,i.useState)((()=>!!n&&d()));(0,i.useEffect)((()=>{a(d())}),[]);const o=(0,i.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,i.useEffect)((()=>{if(!e)return;const{id:n}=e;let t=c.get();"annoucement-bar"===t&&(t="announcement-bar");const i=n!==t;c.set(n),i&&p(!1),!i&&d()||a(!1)}),[e]),(0,i.useMemo)((()=>({isActive:!!e&&!t,close:o})),[e,t,o])}();return(0,s.jsx)(g.Provider,{value:t,children:n})}function m(){const e=(0,i.useContext)(g);if(!e)throw new o.i6("AnnouncementBarProvider");return e}},1694:(e,n,t)=>{"use strict";t.d(n,{I:()=>b,S:()=>h});var i=t(959),r=t(6047),a=t(7399),o=t(6340),l=t(2593),s=t(1527);const u=i.createContext(void 0),c="theme",d=(0,o.WA)(c),p={light:"light",dark:"dark"},g=e=>e===p.dark?p.dark:p.light,f=e=>r.Z.canUseDOM?g(document.documentElement.getAttribute("data-theme")):g(e),m=e=>{d.set(g(e))};function h(e){let{children:n}=e;const t=function(){const{colorMode:{defaultMode:e,disableSwitch:n,respectPrefersColorScheme:t}}=(0,l.L)(),[r,a]=(0,i.useState)(f(e));(0,i.useEffect)((()=>{n&&d.del()}),[n]);const o=(0,i.useCallback)((function(n,i){void 0===i&&(i={});const{persist:r=!0}=i;n?(a(n),r&&m(n)):(a(t?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[t,e]);(0,i.useEffect)((()=>{document.documentElement.setAttribute("data-theme",g(r))}),[r]),(0,i.useEffect)((()=>{if(n)return;const e=e=>{if(e.key!==c)return;const n=d.get();null!==n&&o(g(n))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[n,o]);const s=(0,i.useRef)(!1);return(0,i.useEffect)((()=>{if(n&&!t)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),i=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:o(null)};return e.addListener(i),()=>e.removeListener(i)}),[o,n,t]),(0,i.useMemo)((()=>({colorMode:r,setColorMode:o,get isDarkTheme(){return r===p.dark},setLightTheme(){o(p.light)},setDarkTheme(){o(p.dark)}})),[r,o])}();return(0,s.jsx)(u.Provider,{value:t,children:n})}function b(){const e=(0,i.useContext)(u);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,n,t)=>{"use strict";t.d(n,{J:()=>v,L5:()=>b});var i=t(959),r=t(9384),a=t(4684),o=t(2593),l=t(8068),s=t(7399),u=t(6340),c=t(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,n,t)=>{(0,u.WA)(d(e),{persistence:n}).set(t)},read:(e,n)=>(0,u.WA)(d(e),{persistence:n}).get(),clear:(e,n)=>{(0,u.WA)(d(e),{persistence:n}).del()}},g=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=i.createContext(null);function m(){const e=(0,r._r)(),n=(0,o.L)().docs.versionPersistence,t=(0,i.useMemo)((()=>Object.keys(e)),[e]),[a,l]=(0,i.useState)((()=>g(t)));(0,i.useEffect)((()=>{l(function(e){let{pluginIds:n,versionPersistence:t,allDocsData:i}=e;function r(e){const n=p.read(e,t);return i[e].versions.some((e=>e.name===n))?{preferredVersionName:n}:(p.clear(e,t),{preferredVersionName:null})}return Object.fromEntries(n.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:n,pluginIds:t}))}),[e,n,t]);return[a,(0,i.useMemo)((()=>({savePreferredVersion:function(e,t){p.save(e,n,t),l((n=>({...n,[e]:{preferredVersionName:t}})))}})),[n])]}function h(e){let{children:n}=e;const t=m();return(0,c.jsx)(f.Provider,{value:t,children:n})}function b(e){let{children:n}=e;return l.cE?(0,c.jsx)(h,{children:n}):(0,c.jsx)(c.Fragment,{children:n})}function w(){const e=(0,i.useContext)(f);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const n=(0,r.zh)(e),[t,o]=w(),{preferredVersionName:l}=t[e];return{preferredVersion:n.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,i.useCallback)((n=>{o.savePreferredVersion(e,n)}),[o,e])}}},5580:(e,n,t)=>{"use strict";t.d(n,{M:()=>h,e:()=>b});var i=t(959),r=t(5195),a=t(6047);const o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,n]=(0,i.useState)((()=>"ssr"));return(0,i.useEffect)((()=>{function e(){n(function(){if(!a.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?o.desktop:o.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var u=t(8903),c=t(7399);function d(e){!function(e){const n=(0,u.k6)(),t=(0,c.zX)(e);(0,i.useEffect)((()=>n.block(((e,n)=>t(e,n)))),[n,t])}(((n,t)=>{if("POP"===t)return e(n,t)}))}var p=t(2593),g=t(1527);const f=i.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:n}=(0,p.L)().navbar;return 0===n.length&&!e.component}(),n=s(),t=!e&&"mobile"===n,[a,o]=(0,i.useState)(!1);d((()=>{if(a)return o(!1),!1}));const l=(0,i.useCallback)((()=>{o((e=>!e))}),[]);return(0,i.useEffect)((()=>{"desktop"===n&&o(!1)}),[n]),(0,i.useMemo)((()=>({disabled:e,shouldRender:t,toggle:l,shown:a})),[e,t,l,a])}function h(e){let{children:n}=e;const t=m();return(0,g.jsx)(f.Provider,{value:t,children:n})}function b(){const e=i.useContext(f);if(void 0===e)throw new c.i6("NavbarMobileSidebarProvider");return e}},5195:(e,n,t)=>{"use strict";t.d(n,{HY:()=>s,n2:()=>l});var i=t(959),r=t(7399),a=t(1527);const o=i.createContext(null);function l(e){let{children:n}=e;const t=(0,i.useState)({component:null,props:null});return(0,a.jsx)(o.Provider,{value:t,children:n})}function s(){const e=(0,i.useContext)(o);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,n,t)=>{"use strict";t.d(n,{P:()=>u,Y:()=>d});var i=t(959),r=t(7399),a=t(5580),o=t(5195),l=t(1527);const s=i.createContext(null);function u(e){let{children:n}=e;const t=function(){const e=(0,a.e)(),n=(0,o.HY)(),[t,l]=(0,i.useState)(!1),s=null!==n.component,u=(0,r.D9)(s);return(0,i.useEffect)((()=>{s&&!u&&l(!0)}),[s,u]),(0,i.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,i.useMemo)((()=>[t,l]),[t])}();return(0,l.jsx)(s.Provider,{value:t,children:n})}function c(e){if(e.component){const n=e.component;return(0,l.jsx)(n,{...e.props})}}function d(){const e=(0,i.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[n,t]=e,a=(0,i.useCallback)((()=>t(!1)),[t]),l=(0,o.HY)();return(0,i.useMemo)((()=>({shown:n,hide:a,content:c(l)})),[a,l,n])}},864:(e,n,t)=>{"use strict";t.d(n,{h:()=>r,t:()=>a});var i=t(959);const r="navigation-with-keyboard";function a(){(0,i.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,n,t)=>{"use strict";t.d(n,{k:()=>i});const i={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,n,t)=>{"use strict";t.d(n,{cE:()=>l,lO:()=>s,vY:()=>c,oz:()=>u});var i=t(959),r=t(9384),a=t(1836);function o(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:n}=(0,r.Iw)(e),{preferredVersion:t}=(0,a.J)(e),l=(0,r.yW)(e);return(0,i.useMemo)((()=>o([n,t,l].filter(Boolean))),[n,t,l])}function u(e,n){const t=s(n);return(0,i.useMemo)((()=>{const n=t.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),i=n.find((n=>n[0]===e));if(!i)throw new Error(`Can't find any sidebar with id "${e}" in version${t.length>1?"s":""} ${t.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${n.map((e=>e[0])).join("\n- ")}`);return i[1]}),[e,t])}function c(e,n){const t=s(n);return(0,i.useMemo)((()=>{const n=t.flatMap((e=>e.docs)),i=n.find((n=>n.id===e));if(!i){if(t.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${t.length>1?"s":""} "${t.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${o(n.map((e=>e.id))).join("\n- ")}`)}return i}),[e,t])}},809:(e,n,t)=>{"use strict";t.d(n,{aG:()=>u,Cw:()=>s,QW:()=>c});var i=t(959),r=t(5374),a=t(6771);const o={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=t(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 u(e){let{error:n}=e;const t=(0,a.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:o.errorBoundaryError,children:t})}class c extends i.Component{componentDidCatch(e,n){throw this.props.onError(e,n)}render(){return this.props.children}}},1610:(e,n,t)=>{"use strict";t.d(n,{FG:()=>g,d:()=>d,VC:()=>f});var i=t(959),r=t(5341),a=t(4491),o=t(2762);function l(){const e=i.useContext(o._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=t(9925),u=t(2688);var c=t(1527);function d(e){let{title:n,description:t,keywords:i,image:r,children:o}=e;const l=function(e){const{siteConfig:n}=(0,u.Z)(),{title:t,titleDelimiter:i}=n;return e?.trim().length?`${e.trim()} ${i} ${t}`:t}(n),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,c.jsxs)(a.Z,{children:[n&&(0,c.jsx)("title",{children:l}),n&&(0,c.jsx)("meta",{property:"og:title",content:l}),t&&(0,c.jsx)("meta",{name:"description",content:t}),t&&(0,c.jsx)("meta",{property:"og:description",content:t}),i&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(i)?i.join(","):i}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),o]})}const p=i.createContext(void 0);function g(e){let{className:n,children:t}=e;const o=i.useContext(p),l=(0,r.Z)(o,n);return(0,c.jsxs)(p.Provider,{value:l,children:[(0,c.jsx)(a.Z,{children:(0,c.jsx)("html",{className:l})}),t]})}function f(e){let{children:n}=e;const t=l(),i=`plugin-${t.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${t.plugin.id}`;return(0,c.jsx)(g,{className:(0,r.Z)(i,a),children:n})}},5160:(e,n,t)=>{"use strict";t.d(n,{A:()=>s,V:()=>u});t(959);var i=t(5580),r=t(5195),a=t(1900),o=t(1527);const l="right";function s(e){function n(e){return"left"===(e.position??l)}return[e.filter(n),e.filter((e=>!n(e)))]}function u(e){let{children:n}=e;return(0,o.jsx)(r.n2,{children:(0,o.jsx)(i.M,{children:(0,o.jsx)(a.P,{children:n})})})}},7399:(e,n,t)=>{"use strict";t.d(n,{D9:()=>l,Qc:()=>c,Ql:()=>u,i6:()=>s,zX:()=>o});var i=t(959),r=t(2827),a=t(1527);function o(e){const n=(0,i.useRef)(e);return(0,r.Z)((()=>{n.current=e}),[e]),(0,i.useCallback)((function(){return n.current(...arguments)}),[])}function l(e){const n=(0,i.useRef)();return(0,r.Z)((()=>{n.current=e})),n.current}class s extends Error{constructor(e,n){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${n??""}`}}function u(e){const n=Object.entries(e);return n.sort(((e,n)=>e[0].localeCompare(n[0]))),(0,i.useMemo)((()=>e),n.flat())}function c(e){return n=>{let{children:t}=n;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,n)=>(0,a.jsx)(n,{children:e})),t)})}}},3535:(e,n,t)=>{"use strict";function i(e,n){return void 0!==e&&void 0!==n&&new RegExp(e,"gi").test(n)}t.d(n,{F:()=>i})},3707:(e,n,t)=>{"use strict";t.d(n,{OC:()=>s,RF:()=>d});var i=t(959),r=t(6047),a=(t(7111),t(2827),t(7399)),o=t(1527);const l=i.createContext(void 0);function s(e){let{children:n}=e;const t=function(){const e=(0,i.useRef)(!0);return(0,i.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,o.jsx)(l.Provider,{value:t,children:n})}function u(){const e=(0,i.useContext)(l);if(null==e)throw new a.i6("ScrollControllerProvider");return e}const c=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,n){void 0===n&&(n=[]);const{scrollEventsEnabledRef:t}=u(),r=(0,i.useRef)(c()),o=(0,a.zX)(e);(0,i.useEffect)((()=>{const e=()=>{if(!t.current)return;const e=c();o(e,r.current),r.current=e},n={passive:!0};return e(),window.addEventListener("scroll",e,n),()=>window.removeEventListener("scroll",e,n)}),[o,t,...n])}},9920:(e,n,t)=>{"use strict";t.d(n,{l:()=>p,u:()=>s});var i=t(959),r=t(8903),a=t(5374),o=t(5508),l=t(1527);const s="__docusaurus_skipToContent_fallback";function u(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function c(){const e=(0,i.useRef)(null),{action:n}=(0,r.k6)(),t=(0,i.useCallback)((e=>{e.preventDefault();const n=document.querySelector("main:first-of-type")??document.getElementById(s);n&&u(n)}),[]);return(0,o.S)((t=>{let{location:i}=t;e.current&&!i.hash&&"PUSH"===n&&u(e.current)})),{containerRef:e,onClick:t}}const d=(0,a.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 n=e.children??d,{containerRef:t,onClick:i}=c();return(0,l.jsx)("div",{ref:t,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:i,children:n})})}},6340:(e,n,t)=>{"use strict";t.d(n,{WA:()=>s});t(959);const i="localStorage";function r(e){let{key:n,oldValue:t,newValue:i,storage:r}=e;if(t===i)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,n,t,i,window.location.href,r),window.dispatchEvent(a)}function a(e){if(void 0===e&&(e=i),"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(t){return n=t,o||(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.",n),o=!0),null}var n}let o=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,n){if("undefined"==typeof window)return function(e){function n(){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:n,set:n,del:n,listen:n}}(e);const t=a(n?.persistence);return null===t?l:{get:()=>{try{return t.getItem(e)}catch(n){return console.error(`Docusaurus storage error, can't get key=${e}`,n),null}},set:n=>{try{const i=t.getItem(e);t.setItem(e,n),r({key:e,oldValue:i,newValue:n,storage:t})}catch(i){console.error(`Docusaurus storage error, can't set ${e}=${n}`,i)}},del:()=>{try{const n=t.getItem(e);t.removeItem(e),r({key:e,oldValue:n,newValue:null,storage:t})}catch(n){console.error(`Docusaurus storage error, can't delete key=${e}`,n)}},listen:n=>{try{const i=i=>{i.storageArea===t&&i.key===e&&n(i)};return window.addEventListener("storage",i),()=>window.removeEventListener("storage",i)}catch(i){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,i),()=>{}}}}}},8224:(e,n,t)=>{"use strict";t.d(n,{l:()=>o});var i=t(2688),r=t(8903),a=t(6771);function o(){const{siteConfig:{baseUrl:e,url:n,trailingSlash:t},i18n:{defaultLocale:o,currentLocale:l}}=(0,i.Z)(),{pathname:s}=(0,r.TH)(),u=(0,a.applyTrailingSlash)(s,{trailingSlash:t,baseUrl:e}),c=l===o?e:e.replace(`/${l}/`,"/"),d=u.replace(e,"");return{createUrl:function(e){let{locale:t,fullyQualified:i}=e;return`${i?n:""}${function(e){return e===o?`${c}`:`${c}${e}/`}(t)}${d}`}}}},5508:(e,n,t)=>{"use strict";t.d(n,{S:()=>o});var i=t(959),r=t(8903),a=t(7399);function o(e){const n=(0,r.TH)(),t=(0,a.D9)(n),o=(0,a.zX)(e);(0,i.useEffect)((()=>{t&&n!==t&&o({location:n,previousLocation:t})}),[o,n,t])}},2593:(e,n,t)=>{"use strict";t.d(n,{L:()=>r});var i=t(2688);function r(){return(0,i.Z)().siteConfig.themeConfig}},6115:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=function(e,n){const{trailingSlash:t,baseUrl:i}=n;if(e.startsWith("#"))return e;if(void 0===t)return e;const[r]=e.split(/[#?]/),a="/"===r||r===i?r:(o=r,t?function(e){return e.endsWith("/")?e:`${e}/`}(o):function(e){return e.endsWith("/")?e.slice(0,-1):e}(o));var o;return e.replace(r,a)}},6901:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=void 0,n.getErrorCausalChain=function e(n){return n.cause?[n,...e(n.cause)]:[n]}},6771:function(e,n,t){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=n.applyTrailingSlash=n.blogPostContainerID=void 0,n.blogPostContainerID="__blog-post-container";var r=t(6115);Object.defineProperty(n,"applyTrailingSlash",{enumerable:!0,get:function(){return i(r).default}});var a=t(6901);Object.defineProperty(n,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8784:(e,n,t)=>{"use strict";t.d(n,{Z:()=>h});var i=t(959),r=t(5341),a=t(3535),o=t(4794),l=(t(6002),t(2688));var s=t(8903);var u=t(6612),c=t(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=t(1527);function g(e,n){return e.some((e=>function(e,n){return!!function(e,n){const t=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return t(e)===t(n)}(e.to,n)||!!(0,a.F)(e.activeBaseRegex,n)||!(!e.activeBasePath||!n.startsWith(e.activeBasePath))}(e,n)))}function f(e){let{items:n,position:t,className:a,onClick:o,...l}=e;const s=(0,i.useRef)(null),[d,g]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&g(!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--right":"right"===t,"dropdown--show":d}),onClick:()=>{g(!d)},children:[(0,p.jsx)(u.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",a),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),g(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:n.map(((e,n)=>(0,i.createElement)(c.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:n})))})]})}function m(e){let{items:n,className:t,position:a,onClick:f,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:n}=(0,s.TH)();return n.replace(e,"/")}(),b=g(n,h),{collapsed:w,toggleCollapsed:v,setCollapsed:y}=(0,o.u)({initialState:()=>!b});return(0,i.useEffect)((()=>{b&&y(!b)}),[h,b,y]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":w}),children:[(0,p.jsx)(u.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",t),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(o.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:w,children:n.map(((e,n)=>(0,i.createElement)(c.Z,{mobile:!0,isDropdownItem:!0,onClick:f,activeClassName:"menu__link--active",...e,key:n})))})]})}function h(e){let{mobile:n=!1,...t}=e;const i=n?m:f;return(0,p.jsx)(i,{...t})}},7412:(e,n,t)=>{"use strict";t.d(n,{Z:()=>c});t(959);var i=t(2688),r=t(8224),a=t(8903),o=t(8784),l=t(1527);function s(e){let{width:n=20,height:t=20,...i}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:n,height:t,"aria-hidden":!0,...i,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 u={iconLanguage:"iconLanguage_DSK9"};function c(e){let{mobile:n,dropdownItemsBefore:t,dropdownItemsAfter:c,queryString:d="",whiteTheme:p=!1,...g}=e;const{i18n:{currentLocale:f,locales:m,localeConfigs:h}}=(0,i.Z)(),b=(0,r.l)(),{search:w,hash:v}=(0,a.TH)(),y=[...t,...m.map((e=>{const t=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${w}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:t,target:"_self",autoAddBaseUrl:!1,className:e===f?n?"menu__link--active":"dropdown__link--active":""}})),...c];return(0,l.jsx)(o.Z,{...g,mobile:n,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:u.iconLanguage}),h[f].label]}),items:y})}},4047:(e,n,t)=>{"use strict";t.d(n,{lX:()=>y,q_:()=>L,ob:()=>g,PP:()=>C,Ep:()=>p});var i=t(6920);function r(e){return"/"===e.charAt(0)}function a(e,n){for(var t=n,i=t+1,r=e.length;i=0;p--){var g=o[p];"."===g?a(o,p):".."===g?(a(o,p),d++):d&&(a(o,p),d--)}if(!u)for(;d--;d)o.unshift("..");!u||""===o[0]||o[0]&&r(o[0])||o.unshift("");var f=o.join("/");return t&&"/"!==f.substr(-1)&&(f+="/"),f};var l=t(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function u(e){return"/"===e.charAt(0)?e.substr(1):e}function c(e,n){return function(e,n){return 0===e.toLowerCase().indexOf(n.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(n.length))}(e,n)?e.substr(n.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var n=e.pathname,t=e.search,i=e.hash,r=n||"/";return t&&"?"!==t&&(r+="?"===t.charAt(0)?t:"?"+t),i&&"#"!==i&&(r+="#"===i.charAt(0)?i:"#"+i),r}function g(e,n,t,r){var a;"string"==typeof e?(a=function(e){var n=e||"/",t="",i="",r=n.indexOf("#");-1!==r&&(i=n.substr(r),n=n.substr(0,r));var a=n.indexOf("?");return-1!==a&&(t=n.substr(a),n=n.substr(0,a)),{pathname:n,search:"?"===t?"":t,hash:"#"===i?"":i}}(e),a.state=n):(void 0===(a=(0,i.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==n&&void 0===a.state&&(a.state=n));try{a.pathname=decodeURI(a.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return t&&(a.key=t),r?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=o(a.pathname,r.pathname)):a.pathname=r.pathname:a.pathname||(a.pathname="/"),a}function f(){var e=null;var n=[];return{setPrompt:function(n){return e=n,function(){e===n&&(e=null)}},confirmTransitionTo:function(n,t,i,r){if(null!=e){var a="function"==typeof e?e(n,t):e;"string"==typeof a?"function"==typeof i?i(a,r):r(!0):r(!1!==a)}else r(!0)},appendListener:function(e){var t=!0;function i(){t&&e.apply(void 0,arguments)}return n.push(i),function(){t=!1,n=n.filter((function(e){return e!==i}))}},notifyListeners:function(){for(var e=arguments.length,t=new Array(e),i=0;in?t.splice(n,t.length-n,r):t.push(r),d({action:i,location:r,index:n,entries:t})}}))},replace:function(e,n){var i="REPLACE",r=g(e,n,m(),y.location);c.confirmTransitionTo(r,i,t,(function(e){e&&(y.entries[y.index]=r,d({action:i,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var n=y.index+e;return n>=0&&n{"use strict";var i=t(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return i.isMemo(e)?o:l[e.$$typeof]||r}l[i.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[i.Memo]=o;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,g=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(n,t,i){if("string"!=typeof t){if(f){var r=g(t);r&&r!==f&&e(n,r,i)}var o=c(t);d&&(o=o.concat(d(t)));for(var l=s(n),m=s(t),h=0;h{"use strict";e.exports=function(e,n,t,i,r,a,o,l){if(!e){var s;if(void 0===n)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[t,i,r,a,o,l],c=0;(s=new Error(n.replace(/%s/g,(function(){return u[c++]})))).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,n,t)=>{"use strict";t.r(n)},962:(e,n,t)=>{"use strict";t.r(n)},1245:(e,n,t)=>{"use strict";t.r(n)},9981:function(e,n,t){var i,r;i=function(){var e,n,t={version:"0.2.0"},i=t.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:''};function r(e,n,t){return et?t:e}function a(e){return 100*(-1+e)}function o(e,n,t){var r;return(r="translate3d"===i.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===i.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+n+"ms "+t,r}t.configure=function(e){var n,t;for(n in e)void 0!==(t=e[n])&&e.hasOwnProperty(n)&&(i[n]=t);return this},t.status=null,t.set=function(e){var n=t.isStarted();e=r(e,i.minimum,1),t.status=1===e?null:e;var a=t.render(!n),u=a.querySelector(i.barSelector),c=i.speed,d=i.easing;return a.offsetWidth,l((function(n){""===i.positionUsing&&(i.positionUsing=t.getPositioningCSS()),s(u,o(e,c,d)),1===e?(s(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){s(a,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){t.remove(),n()}),c)}),c)):setTimeout(n,c)})),this},t.isStarted=function(){return"number"==typeof t.status},t.start=function(){t.status||t.set(0);var e=function(){setTimeout((function(){t.status&&(t.trickle(),e())}),i.trickleSpeed)};return i.trickle&&e(),this},t.done=function(e){return e||t.status?t.inc(.3+.5*Math.random()).set(1):this},t.inc=function(e){var n=t.status;return n?("number"!=typeof e&&(e=(1-n)*r(Math.random()*n,.1,.95)),n=r(n+e,0,.994),t.set(n)):t.start()},t.trickle=function(){return t.inc(Math.random()*i.trickleRate)},e=0,n=0,t.promise=function(i){return i&&"resolved"!==i.state()?(0===n&&t.start(),e++,n++,i.always((function(){0==--n?(e=0,t.done()):t.set((e-n)/e)})),this):this},t.render=function(e){if(t.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=i.template;var r,o=n.querySelector(i.barSelector),l=e?"-100":a(t.status||0),u=document.querySelector(i.parent);return s(o,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),i.showSpinner||(r=n.querySelector(i.spinnerSelector))&&g(r),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(n),n},t.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(i.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&g(e)},t.isRendered=function(){return!!document.getElementById("nprogress")},t.getPositioningCSS=function(){var e=document.body.style,n="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return n+"Perspective"in e?"translate3d":n+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function n(){var t=e.shift();t&&t(n)}return function(t){e.push(t),1==e.length&&n()}}(),s=function(){var e=["Webkit","O","Moz","ms"],n={};function t(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,n){return n.toUpperCase()}))}function i(n){var t=document.body.style;if(n in t)return n;for(var i,r=e.length,a=n.charAt(0).toUpperCase()+n.slice(1);r--;)if((i=e[r]+a)in t)return i;return n}function r(e){return e=t(e),n[e]||(n[e]=i(e))}function a(e,n,t){n=r(n),e.style[n]=t}return function(e,n){var t,i,r=arguments;if(2==r.length)for(t in n)void 0!==(i=n[t])&&n.hasOwnProperty(t)&&a(e,t,i);else a(e,r[1],r[2])}}();function u(e,n){return("string"==typeof e?e:p(e)).indexOf(" "+n+" ")>=0}function c(e,n){var t=p(e),i=t+n;u(t,n)||(e.className=i.substring(1))}function d(e,n){var t,i=p(e);u(e,n)&&(t=i.replace(" "+n+" "," "),e.className=t.substring(1,t.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function g(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return t},void 0===(r="function"==typeof i?i.call(n,t,n,e):i)||(e.exports=r)},7720:(e,n,t)=>{var i=t(901);e.exports=g,e.exports.parse=a,e.exports.compile=function(e,n){return l(a(e,n),n)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,n){for(var t,i=[],a=0,o=0,l="",c=n&&n.delimiter||"/";null!=(t=r.exec(e));){var d=t[0],p=t[1],g=t.index;if(l+=e.slice(o,g),o=g+d.length,p)l+=p[1];else{var f=e[o],m=t[2],h=t[3],b=t[4],w=t[5],v=t[6],y=t[7];l&&(i.push(l),l="");var k=null!=m&&null!=f&&f!==m,S="+"===v||"*"===v,x="?"===v||"*"===v,_=t[2]||c,D=b||w;i.push({name:h||a++,prefix:m||"",delimiter:_,optional:x,repeat:S,partial:k,asterisk:!!y,pattern:D?u(D):y?".*":"[^"+s(_)+"]+?"})}}return o{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 WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment
can become .namespace--comment
) or replace them with your defined ones (like .editor__comment
). 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 highlightAll
and highlightAllUnder
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,n,t)=>{const i=t(1064),r=t(6474),a=new Set;function o(e){void 0===e?e=Object.keys(i.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const n=[...a,...Object.keys(Prism.languages)];r(i,e,n).load((e=>{if(!(e in i.languages))return void(o.silent||console.warn("Language does not exist: "+e));const n="./prism-"+e;delete t.c[t(2928).resolve(n)],delete Prism.languages[e],t(2928)(n),a.add(e)}))}o.silent=!1,e.exports=o},1559:()=>{!function(e){function n(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(t,i,r,a){if(t.language===i){var o=t.tokenStack=[];t.code=t.code.replace(r,(function(e){if("function"==typeof a&&!a(e))return e;for(var r,l=o.length;-1!==t.code.indexOf(r=n(i,l));)++l;return o[l]=e,r})),t.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(t,i){if(t.language===i&&t.tokenStack){t.grammar=e.languages[i];var r=0,a=Object.keys(t.tokenStack);!function o(l){for(var s=0;s=a.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=a[r],d=t.tokenStack[c],p="string"==typeof u?u:u.content,g=n(i,c),f=p.indexOf(g);if(f>-1){++r;var m=p.substring(0,f),h=new e.Token(i,e.tokenize(d,t.grammar),"language-"+i,d),b=p.substring(f+g.length),w=[];m&&w.push.apply(w,o([m])),w.push(h),b&&w.push.apply(w,o([b])),"string"==typeof u?l.splice.apply(l,[s,1].concat(w)):u.content=w}}else u.content&&o(u.content)}return l}(t.tokens)}}}})}(Prism)},2928:(e,n,t)=>{var i={"./":1884};function r(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}r.keys=function(){return Object.keys(i)},r.resolve=a,e.exports=r,r.id=2928},6474:e=>{"use strict";var n=function(){var e=function(){};function n(e,n){Array.isArray(e)?e.forEach(n):null!=e&&n(e,0)}function t(e){for(var n={},t=0,i=e.length;t "));var l={},s=e[i];if(s){function u(n){if(!(n in e))throw new Error(i+" depends on an unknown component "+n);if(!(n in l))for(var o in r(n,a),l[n]=!0,t[n])l[o]=!0}n(s.require,u),n(s.optional,u),n(s.modify,u)}t[i]=l,a.pop()}}return function(e){var n=t[e];return n||(r(e,i),n=t[e]),n}}function r(e){for(var n in e)return!0;return!1}return function(a,o,l){var s=function(e){var n={};for(var t in e){var i=e[t];for(var r in i)if("meta"!=r){var a=i[r];n[r]="string"==typeof a?{title:a}:a}}return n}(a),u=function(e){var t;return function(i){if(i in e)return i;if(!t)for(var r in t={},e){var a=e[r];n(a&&a.alias,(function(n){if(n in t)throw new Error(n+" cannot be alias for both "+r+" and "+t[n]);if(n in e)throw new Error(n+" cannot be alias of "+r+" because it is a component.");t[n]=r}))}return t[i]||i}}(s);o=o.map(u),l=(l||[]).map(u);var c=t(o),d=t(l);o.forEach((function e(t){var i=s[t];n(i&&i.require,(function(n){n in d||(c[n]=!0,e(n))}))}));for(var p,g=i(s),f=c;r(f);){for(var m in p={},f){var h=s[m];n(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in c))for(var w in g(b))if(w in c){p[b]=!0;break}for(var v in f=p)c[v]=!0}var y={getIds:function(){var e=[];return y.load((function(n){e.push(n)})),e},load:function(n,t){return function(n,t,i,r){var a=r?r.series:void 0,o=r?r.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var r,c=[];for(var d in n(e))d in t&&c.push(d);if(0===c.length)r=i(e);else{var p=o(c.map((function(e){var n=u(e);return delete s[e],n})));a?r=a(p,(function(){return i(e)})):i(e)}return l[e]=r}for(var c in t)u(c);var d=[];for(var p in s)d.push(l[p]);return o(d)}(g,c,n,t)}};return y}}();e.exports=n},4049:(e,n,t)=>{"use strict";var i=t(6257);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,n,t,r,a,o){if(o!==i){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 n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:r};return t.PropTypes=t,t}},507:(e,n,t)=>{e.exports=t(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,n,t)=>{"use strict";var i=t(959),r=t(2962);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;tn}return!1}(n,t,r,i)&&(t=null),i||null===r?function(e){return!!d.call(f,e)||!d.call(g,e)&&(p.test(e)?f[e]=!0:(g[e]=!0,!1))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):r.mustUseProperty?e[r.propertyName]=null===t?3!==r.type&&"":t:(n=r.attributeName,i=r.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(r=r.type)||4===r&&!0===t?"":""+t,i?e.setAttributeNS(i,n,t):e.setAttribute(n,t))))}"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 n=e.replace(b,w);h[n]=new m(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(b,w);h[n]=new m(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(b,w);h[n]=new m(n,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 y=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),L=Symbol.for("react.provider"),A=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),z=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 j=Symbol.iterator;function B(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=j&&e[j]||e["@@iterator"])?e:null}var M,R=Object.assign;function N(e){if(void 0===M)try{throw Error()}catch(t){var n=t.stack.trim().match(/\n( *(at )?)/);M=n&&n[1]||""}return"\n"+M+e}var O=!1;function F(e,n){if(!e||O)return"";O=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(u){var i=u}Reflect.construct(e,[],n)}else{try{n.call()}catch(u){i=u}e.call(n.prototype)}else{try{throw Error()}catch(u){i=u}e()}}catch(u){if(u&&i&&"string"==typeof u.stack){for(var r=u.stack.split("\n"),a=i.stack.split("\n"),o=r.length-1,l=a.length-1;1<=o&&0<=l&&r[o]!==a[l];)l--;for(;1<=o&&0<=l;o--,l--)if(r[o]!==a[l]){if(1!==o||1!==l)do{if(o--,0>--l||r[o]!==a[l]){var s="\n"+r[o].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}}while(1<=o&&0<=l);break}}}finally{O=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?N(e):""}function K(e){switch(e.tag){case 5:return N(e.type);case 16:return N("Lazy");case 13:return N("Suspense");case 19:return N("SuspenseList");case 0:case 2:case 15:return e=F(e.type,!1);case 11:return e=F(e.type.render,!1);case 1:return e=F(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 x:return"Fragment";case S:return"Portal";case D:return"Profiler";case _:return"StrictMode";case E:return"Suspense";case P:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case L:return(e._context.displayName||"Context")+".Provider";case C:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(n=e.displayName||null)?n:U(e.type)||"Memo";case z:n=e._payload,e=e._init;try{return U(e(n))}catch(t){}}return null}function V(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(n);case 8:return n===_?"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 n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function Z(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function q(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function $(e){e._valueTracker||(e._valueTracker=function(e){var n=q(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),i=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var r=t.get,a=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return r.call(this)},set:function(e){i=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return i},setValue:function(e){i=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function G(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),i="";return e&&(i=q(e)?e.checked?"true":"false":e.value),(e=i)!==t&&(n.setValue(e),!0)}function H(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function W(e,n){var t=n.checked;return R({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function Q(e,n){var t=null==n.defaultValue?"":n.defaultValue,i=null!=n.checked?n.checked:n.defaultChecked;t=Z(null!=n.value?n.value:t),e._wrapperState={initialChecked:i,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Y(e,n){null!=(n=n.checked)&&v(e,"checked",n,!1)}function X(e,n){Y(e,n);var t=Z(n.value),i=n.type;if(null!=t)"number"===i?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===i||"reset"===i)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,Z(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function J(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var i=n.type;if(!("submit"!==i&&"reset"!==i||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&H(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,i){if(e=e.options,n){n={};for(var r=0;r"+n.valueOf().toString()+"",n=ue.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,i){MSApp.execUnsafeLocalFunction((function(){return ce(e,n)}))}:ce);function pe(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}var ge={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},fe=["Webkit","ms","Moz","O"];function me(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||ge.hasOwnProperty(e)&&ge[e]?(""+n).trim():n+"px"}function he(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var i=0===t.indexOf("--"),r=me(t,n[t],i);"float"===t&&(t="cssFloat"),i?e.setProperty(t,r):e[t]=r}}Object.keys(ge).forEach((function(e){fe.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),ge[n]=ge[e]}))}));var be=R({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 we(e,n){if(n){if(be[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(a(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(a(62))}}function ve(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.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 ye=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,_e=null;function De(e){if(e=vr(e)){if("function"!=typeof Se)throw Error(a(280));var n=e.stateNode;n&&(n=kr(n),Se(e.stateNode,e.type,n))}}function Le(e){xe?_e?_e.push(e):_e=[e]:xe=e}function Ae(){if(xe){var e=xe,n=_e;if(_e=xe=null,De(e),n)for(e=0;e>>=0,0===e?32:31-(sn(e)/un|0)|0},sn=Math.log,un=Math.LN2;var cn=64,dn=4194304;function pn(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 gn(e,n){var t=e.pendingLanes;if(0===t)return 0;var i=0,r=e.suspendedLanes,a=e.pingedLanes,o=268435455&t;if(0!==o){var l=o&~r;0!==l?i=pn(l):0!==(a&=o)&&(i=pn(a))}else 0!==(o=t&~r)?i=pn(o):0!==a&&(i=pn(a));if(0===i)return 0;if(0!==n&&n!==i&&0==(n&r)&&((r=i&-i)>=(a=n&-n)||16===r&&0!=(4194240&a)))return n;if(0!=(4&i)&&(i|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=i;0t;t++)n.push(e);return n}function wn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-ln(n)]=t}function vn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var i=31-ln(t),r=1<=Bt),Nt=String.fromCharCode(32),Ot=!1;function Ft(e,n){switch(e){case"keyup":return-1!==Tt.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Kt(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Ut=!1;var Vt={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 Zt(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!Vt[e.type]:"textarea"===n}function qt(e,n,t,i){Le(i),0<(n=$i(n,"onChange")).length&&(t=new ct("onChange","change",null,t,i),e.push({event:t,listeners:n}))}var $t=null,Gt=null;function Ht(e){Ni(e,0)}function Wt(e){if(G(yr(e)))return e}function Qt(e,n){if("change"===e)return n}var Yt=!1;if(c){var Xt;if(c){var Jt="oninput"in document;if(!Jt){var ei=document.createElement("div");ei.setAttribute("oninput","return;"),Jt="function"==typeof ei.oninput}Xt=Jt}else Xt=!1;Yt=Xt&&(!document.documentMode||9=n)return{node:i,offset:n-e};e=t}e:{for(;i;){if(i.nextSibling){i=i.nextSibling;break e}i=i.parentNode}i=void 0}i=ui(i)}}function di(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?di(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function pi(){for(var e=window,n=H();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(i){t=!1}if(!t)break;n=H((e=n.contentWindow).document)}return n}function gi(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function fi(e){var n=pi(),t=e.focusedElem,i=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&di(t.ownerDocument.documentElement,t)){if(null!==i&&gi(t))if(n=i.start,void 0===(e=i.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var r=t.textContent.length,a=Math.min(i.start,r);i=void 0===i.end?a:Math.min(i.end,r),!e.extend&&a>i&&(r=i,i=a,a=r),r=ci(t,a);var o=ci(t,i);r&&o&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&((n=n.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),a>i?(e.addRange(n),e.extend(o.node,o.offset)):(n.setEnd(o.node,o.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t=document.documentMode,hi=null,bi=null,wi=null,vi=!1;function yi(e,n,t){var i=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;vi||null==hi||hi!==H(i)||("selectionStart"in(i=hi)&&gi(i)?i={start:i.selectionStart,end:i.selectionEnd}:i={anchorNode:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset},wi&&si(wi,i)||(wi=i,0<(i=$i(bi,"onSelect")).length&&(n=new ct("onSelect","select",null,n,t),e.push({event:n,listeners:i}),n.target=hi)))}function ki(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var Si={animationend:ki("Animation","AnimationEnd"),animationiteration:ki("Animation","AnimationIteration"),animationstart:ki("Animation","AnimationStart"),transitionend:ki("Transition","TransitionEnd")},xi={},_i={};function Di(e){if(xi[e])return xi[e];if(!Si[e])return e;var n,t=Si[e];for(n in t)if(t.hasOwnProperty(n)&&n in _i)return xi[e]=t[n];return e}c&&(_i=document.createElement("div").style,"AnimationEvent"in window||(delete Si.animationend.animation,delete Si.animationiteration.animation,delete Si.animationstart.animation),"TransitionEvent"in window||delete Si.transitionend.transition);var Li=Di("animationend"),Ai=Di("animationiteration"),Ci=Di("animationstart"),Ei=Di("transitionend"),Pi=new Map,Ii="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 zi(e,n){Pi.set(e,n),s(n,[e])}for(var Ti=0;Tixr||(e.current=Sr[xr],Sr[xr]=null,xr--)}function Lr(e,n){xr++,Sr[xr]=e.current,e.current=n}var Ar={},Cr=_r(Ar),Er=_r(!1),Pr=Ar;function Ir(e,n){var t=e.type.contextTypes;if(!t)return Ar;var i=e.stateNode;if(i&&i.__reactInternalMemoizedUnmaskedChildContext===n)return i.__reactInternalMemoizedMaskedChildContext;var r,a={};for(r in t)a[r]=n[r];return i&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function zr(e){return null!=(e=e.childContextTypes)}function Tr(){Dr(Er),Dr(Cr)}function jr(e,n,t){if(Cr.current!==Ar)throw Error(a(168));Lr(Cr,n),Lr(Er,t)}function Br(e,n,t){var i=e.stateNode;if(n=n.childContextTypes,"function"!=typeof i.getChildContext)return t;for(var r in i=i.getChildContext())if(!(r in n))throw Error(a(108,V(e)||"Unknown",r));return R({},t,i)}function Mr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ar,Pr=Cr.current,Lr(Cr,e),Lr(Er,Er.current),!0}function Rr(e,n,t){var i=e.stateNode;if(!i)throw Error(a(169));t?(e=Br(e,n,Pr),i.__reactInternalMemoizedMergedChildContext=e,Dr(Er),Dr(Cr),Lr(Cr,e)):Dr(Er),Lr(Er,t)}var Nr=null,Or=!1,Fr=!1;function Kr(e){null===Nr?Nr=[e]:Nr.push(e)}function Ur(){if(!Fr&&null!==Nr){Fr=!0;var e=0,n=yn;try{var t=Nr;for(yn=1;e>=o,r-=o,Qr=1<<32-ln(n)+r|t<m?(h=d,d=null):h=d.sibling;var b=g(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&n(r,d),a=o(b,a,m),null===c?u=b:c.sibling=b,c=b,d=h}if(m===l.length)return t(r,d),ra&&Xr(r,m),u;if(null===d){for(;mh?(b=m,m=null):b=m.sibling;var v=g(r,m,w.value,u);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&n(r,m),l=o(v,l,h),null===d?c=v:d.sibling=v,d=v,m=b}if(w.done)return t(r,m),ra&&Xr(r,h),c;if(null===m){for(;!w.done;h++,w=s.next())null!==(w=p(r,w.value,u))&&(l=o(w,l,h),null===d?c=w:d.sibling=w,d=w);return ra&&Xr(r,h),c}for(m=i(r,m);!w.done;h++,w=s.next())null!==(w=f(m,r,h,w.value,u))&&(e&&null!==w.alternate&&m.delete(null===w.key?h:w.key),l=o(w,l,h),null===d?c=w:d.sibling=w,d=w);return e&&m.forEach((function(e){return n(r,e)})),ra&&Xr(r,h),c}return function e(i,a,o,s){if("object"==typeof o&&null!==o&&o.type===x&&null===o.key&&(o=o.props.children),"object"==typeof o&&null!==o){switch(o.$$typeof){case k:e:{for(var u=o.key,c=a;null!==c;){if(c.key===u){if((u=o.type)===x){if(7===c.tag){t(i,c.sibling),(a=r(c,o.props.children)).return=i,i=a;break e}}else if(c.elementType===u||"object"==typeof u&&null!==u&&u.$$typeof===z&&Ha(u)===c.type){t(i,c.sibling),(a=r(c,o.props)).ref=$a(i,c,o),a.return=i,i=a;break e}t(i,c);break}n(i,c),c=c.sibling}o.type===x?((a=Mu(o.props.children,i.mode,s,o.key)).return=i,i=a):((s=Bu(o.type,o.key,o.props,null,i.mode,s)).ref=$a(i,a,o),s.return=i,i=s)}return l(i);case S:e:{for(c=o.key;null!==a;){if(a.key===c){if(4===a.tag&&a.stateNode.containerInfo===o.containerInfo&&a.stateNode.implementation===o.implementation){t(i,a.sibling),(a=r(a,o.children||[])).return=i,i=a;break e}t(i,a);break}n(i,a),a=a.sibling}(a=Ou(o,i.mode,s)).return=i,i=a}return l(i);case z:return e(i,a,(c=o._init)(o._payload),s)}if(ne(o))return m(i,a,o,s);if(B(o))return h(i,a,o,s);Ga(i,o)}return"string"==typeof o&&""!==o||"number"==typeof o?(o=""+o,null!==a&&6===a.tag?(t(i,a.sibling),(a=r(a,o)).return=i,i=a):(t(i,a),(a=Nu(o,i.mode,s)).return=i,i=a),l(i)):t(i,a)}}var Qa=Wa(!0),Ya=Wa(!1),Xa={},Ja=_r(Xa),eo=_r(Xa),no=_r(Xa);function to(e){if(e===Xa)throw Error(a(174));return e}function io(e,n){switch(Lr(no,n),Lr(eo,e),Lr(Ja,Xa),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:se(null,"");break;default:n=se(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Dr(Ja),Lr(Ja,n)}function ro(){Dr(Ja),Dr(eo),Dr(no)}function ao(e){to(no.current);var n=to(Ja.current),t=se(n,e.type);n!==t&&(Lr(eo,e),Lr(Ja,t))}function oo(e){eo.current===e&&(Dr(Ja),Dr(eo))}var lo=_r(0);function so(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!=(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var uo=[];function co(){for(var e=0;et?t:4,e(!0);var i=go.transition;go.transition={};try{e(!1),n()}finally{yn=t,go.transition=i}}function el(){return Ao().memoizedState}function nl(e,n,t){var i=tu(e);if(t={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null},il(e))rl(n,t);else if(null!==(t=Ca(e,n,t,i))){iu(t,e,i,nu()),al(t,n,i)}}function tl(e,n,t){var i=tu(e),r={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null};if(il(e))rl(n,r);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var o=n.lastRenderedState,l=a(o,t);if(r.hasEagerState=!0,r.eagerState=l,li(l,o)){var s=n.interleaved;return null===s?(r.next=r,Aa(n)):(r.next=s.next,s.next=r),void(n.interleaved=r)}}catch(u){}null!==(t=Ca(e,n,r,i))&&(iu(t,e,i,r=nu()),al(t,n,i))}}function il(e){var n=e.alternate;return e===mo||null!==n&&n===mo}function rl(e,n){vo=wo=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function al(e,n,t){if(0!=(4194240&t)){var i=n.lanes;t|=i&=e.pendingLanes,n.lanes=t,vn(e,t)}}var ol={readContext:Da,useCallback:So,useContext:So,useEffect:So,useImperativeHandle:So,useInsertionEffect:So,useLayoutEffect:So,useMemo:So,useReducer:So,useRef:So,useState:So,useDebugValue:So,useDeferredValue:So,useTransition:So,useMutableSource:So,useSyncExternalStore:So,useId:So,unstable_isNewReconciler:!1},ll={readContext:Da,useCallback:function(e,n){return Lo().memoizedState=[e,void 0===n?null:n],e},useContext:Da,useEffect:Vo,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Ko(4194308,4,Go.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Ko(4194308,4,e,n)},useInsertionEffect:function(e,n){return Ko(4,2,e,n)},useMemo:function(e,n){var t=Lo();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var i=Lo();return n=void 0!==t?t(n):n,i.memoizedState=i.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},i.queue=e,e=e.dispatch=nl.bind(null,mo,e),[i.memoizedState,e]},useRef:function(e){return e={current:e},Lo().memoizedState=e},useState:No,useDebugValue:Wo,useDeferredValue:function(e){return Lo().memoizedState=e},useTransition:function(){var e=No(!1),n=e[0];return e=Jo.bind(null,e[1]),Lo().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var i=mo,r=Lo();if(ra){if(void 0===t)throw Error(a(407));t=t()}else{if(t=n(),null===Ps)throw Error(a(349));0!=(30&fo)||To(i,n,t)}r.memoizedState=t;var o={value:t,getSnapshot:n};return r.queue=o,Vo(Bo.bind(null,i,o,e),[e]),i.flags|=2048,Oo(9,jo.bind(null,i,o,t,n),void 0,null),t},useId:function(){var e=Lo(),n=Ps.identifierPrefix;if(ra){var t=Yr;n=":"+n+"R"+(t=(Qr&~(1<<32-ln(Qr)-1)).toString(32)+t),0<(t=yo++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=ko++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},sl={readContext:Da,useCallback:Qo,useContext:Da,useEffect:Zo,useImperativeHandle:Ho,useInsertionEffect:qo,useLayoutEffect:$o,useMemo:Yo,useReducer:Eo,useRef:Fo,useState:function(){return Eo(Co)},useDebugValue:Wo,useDeferredValue:function(e){return Xo(Ao(),ho.memoizedState,e)},useTransition:function(){return[Eo(Co)[0],Ao().memoizedState]},useMutableSource:Io,useSyncExternalStore:zo,useId:el,unstable_isNewReconciler:!1},ul={readContext:Da,useCallback:Qo,useContext:Da,useEffect:Zo,useImperativeHandle:Ho,useInsertionEffect:qo,useLayoutEffect:$o,useMemo:Yo,useReducer:Po,useRef:Fo,useState:function(){return Po(Co)},useDebugValue:Wo,useDeferredValue:function(e){var n=Ao();return null===ho?n.memoizedState=e:Xo(n,ho.memoizedState,e)},useTransition:function(){return[Po(Co)[0],Ao().memoizedState]},useMutableSource:Io,useSyncExternalStore:zo,useId:el,unstable_isNewReconciler:!1};function cl(e,n){try{var t="",i=n;do{t+=K(i),i=i.return}while(i);var r=t}catch(a){r="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:n,stack:r,digest:null}}function dl(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function pl(e,n){try{console.error(n.value)}catch(t){setTimeout((function(){throw t}))}}var gl="function"==typeof WeakMap?WeakMap:Map;function fl(e,n,t){(t=Ta(-1,t)).tag=3,t.payload={element:null};var i=n.value;return t.callback=function(){qs||(qs=!0,$s=i),pl(0,n)},t}function ml(e,n,t){(t=Ta(-1,t)).tag=3;var i=e.type.getDerivedStateFromError;if("function"==typeof i){var r=n.value;t.payload=function(){return i(r)},t.callback=function(){pl(0,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(t.callback=function(){pl(0,n),"function"!=typeof i&&(null===Gs?Gs=new Set([this]):Gs.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function hl(e,n,t){var i=e.pingCache;if(null===i){i=e.pingCache=new gl;var r=new Set;i.set(n,r)}else void 0===(r=i.get(n))&&(r=new Set,i.set(n,r));r.has(t)||(r.add(t),e=Lu.bind(null,e,n,t),n.then(e,e))}function bl(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function wl(e,n,t,i,r){return 0==(1&e.mode)?(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Ta(-1,1)).tag=2,ja(t,n,1))),t.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=y.ReactCurrentOwner,yl=!1;function kl(e,n,t,i){n.child=null===e?Ya(n,null,t,i):Qa(n,e.child,t,i)}function Sl(e,n,t,i,r){t=t.render;var a=n.ref;return _a(n,r),i=_o(e,n,t,i,a,r),t=Do(),null===e||yl?(ra&&t&&ea(n),n.flags|=1,kl(e,n,i,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,ql(e,n,r))}function xl(e,n,t,i,r){if(null===e){var a=t.type;return"function"!=typeof a||Tu(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Bu(t.type,null,i,n,n.mode,r)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,_l(e,n,a,i,r))}if(a=e.child,0==(e.lanes&r)){var o=a.memoizedProps;if((t=null!==(t=t.compare)?t:si)(o,i)&&e.ref===n.ref)return ql(e,n,r)}return n.flags|=1,(e=ju(a,i)).ref=n.ref,e.return=n,n.child=e}function _l(e,n,t,i,r){if(null!==e){var a=e.memoizedProps;if(si(a,i)&&e.ref===n.ref){if(yl=!1,n.pendingProps=i=a,0==(e.lanes&r))return n.lanes=e.lanes,ql(e,n,r);0!=(131072&e.flags)&&(yl=!0)}}return Al(e,n,t,i,r)}function Dl(e,n,t){var i=n.pendingProps,r=i.children,a=null!==e?e.memoizedState:null;if("hidden"===i.mode)if(0==(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Lr(js,Ts),Ts|=t;else{if(0==(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Lr(js,Ts),Ts|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},i=null!==a?a.baseLanes:t,Lr(js,Ts),Ts|=i}else null!==a?(i=a.baseLanes|t,n.memoizedState=null):i=t,Lr(js,Ts),Ts|=i;return kl(e,n,r,t),n.child}function Ll(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Al(e,n,t,i,r){var a=zr(t)?Pr:Cr.current;return a=Ir(n,a),_a(n,r),t=_o(e,n,t,i,a,r),i=Do(),null===e||yl?(ra&&i&&ea(n),n.flags|=1,kl(e,n,t,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,ql(e,n,r))}function Cl(e,n,t,i,r){if(zr(t)){var a=!0;Mr(n)}else a=!1;if(_a(n,r),null===n.stateNode)Zl(e,n),Va(n,t,i),qa(n,t,i,r),i=!0;else if(null===e){var o=n.stateNode,l=n.memoizedProps;o.props=l;var s=o.context,u=t.contextType;"object"==typeof u&&null!==u?u=Da(u):u=Ir(n,u=zr(t)?Pr:Cr.current);var c=t.getDerivedStateFromProps,d="function"==typeof c||"function"==typeof o.getSnapshotBeforeUpdate;d||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(l!==i||s!==u)&&Za(n,o,i,u),Pa=!1;var p=n.memoizedState;o.state=p,Ra(n,i,o,r),s=n.memoizedState,l!==i||p!==s||Er.current||Pa?("function"==typeof c&&(Fa(n,t,c,i),s=n.memoizedState),(l=Pa||Ua(n,t,l,i,p,s,u))?(d||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||("function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"==typeof o.componentDidMount&&(n.flags|=4194308)):("function"==typeof o.componentDidMount&&(n.flags|=4194308),n.memoizedProps=i,n.memoizedState=s),o.props=i,o.state=s,o.context=u,i=l):("function"==typeof o.componentDidMount&&(n.flags|=4194308),i=!1)}else{o=n.stateNode,za(e,n),l=n.memoizedProps,u=n.type===n.elementType?l:ha(n.type,l),o.props=u,d=n.pendingProps,p=o.context,"object"==typeof(s=t.contextType)&&null!==s?s=Da(s):s=Ir(n,s=zr(t)?Pr:Cr.current);var g=t.getDerivedStateFromProps;(c="function"==typeof g||"function"==typeof o.getSnapshotBeforeUpdate)||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(l!==d||p!==s)&&Za(n,o,i,s),Pa=!1,p=n.memoizedState,o.state=p,Ra(n,i,o,r);var f=n.memoizedState;l!==d||p!==f||Er.current||Pa?("function"==typeof g&&(Fa(n,t,g,i),f=n.memoizedState),(u=Pa||Ua(n,t,u,i,p,f,s)||!1)?(c||"function"!=typeof o.UNSAFE_componentWillUpdate&&"function"!=typeof o.componentWillUpdate||("function"==typeof o.componentWillUpdate&&o.componentWillUpdate(i,f,s),"function"==typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(i,f,s)),"function"==typeof o.componentDidUpdate&&(n.flags|=4),"function"==typeof o.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof o.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),n.memoizedProps=i,n.memoizedState=f),o.props=i,o.state=f,o.context=s,i=u):("function"!=typeof o.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),i=!1)}return El(e,n,t,i,a,r)}function El(e,n,t,i,r,a){Ll(e,n);var o=0!=(128&n.flags);if(!i&&!o)return r&&Rr(n,t,!1),ql(e,n,a);i=n.stateNode,vl.current=n;var l=o&&"function"!=typeof t.getDerivedStateFromError?null:i.render();return n.flags|=1,null!==e&&o?(n.child=Qa(n,e.child,null,a),n.child=Qa(n,null,l,a)):kl(e,n,l,a),n.memoizedState=i.state,r&&Rr(n,t,!0),n.child}function Pl(e){var n=e.stateNode;n.pendingContext?jr(0,n.pendingContext,n.pendingContext!==n.context):n.context&&jr(0,n.context,!1),io(e,n.containerInfo)}function Il(e,n,t,i,r){return ga(),fa(r),n.flags|=256,kl(e,n,t,i),n.child}var zl,Tl,jl,Bl,Ml={dehydrated:null,treeContext:null,retryLane:0};function Rl(e){return{baseLanes:e,cachePool:null,transitions:null}}function Nl(e,n,t){var i,r=n.pendingProps,o=lo.current,l=!1,s=0!=(128&n.flags);if((i=s)||(i=(null===e||null!==e.memoizedState)&&0!=(2&o)),i?(l=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(o|=1),Lr(lo,1&o),null===e)return ua(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&n.mode)?n.lanes=1:"$!"===e.data?n.lanes=8:n.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=n.mode,l=n.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Ru(s,r,0,null),e=Mu(e,r,t,null),l.return=n,e.return=n,l.sibling=e,n.child=l,n.child.memoizedState=Rl(t),n.memoizedState=Ml,e):Ol(n,s));if(null!==(o=e.memoizedState)&&null!==(i=o.dehydrated))return function(e,n,t,i,r,o,l){if(t)return 256&n.flags?(n.flags&=-257,Fl(e,n,l,i=dl(Error(a(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(o=i.fallback,r=n.mode,i=Ru({mode:"visible",children:i.children},r,0,null),(o=Mu(o,r,l,null)).flags|=2,i.return=n,o.return=n,i.sibling=o,n.child=i,0!=(1&n.mode)&&Qa(n,e.child,null,l),n.child.memoizedState=Rl(l),n.memoizedState=Ml,o);if(0==(1&n.mode))return Fl(e,n,l,null);if("$!"===r.data){if(i=r.nextSibling&&r.nextSibling.dataset)var s=i.dgst;return i=s,Fl(e,n,l,i=dl(o=Error(a(419)),i,void 0))}if(s=0!=(l&e.childLanes),yl||s){if(null!==(i=Ps)){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&(i.suspendedLanes|l))?0:r)&&r!==o.retryLane&&(o.retryLane=r,Ea(e,r),iu(i,e,r,-1))}return hu(),Fl(e,n,l,i=dl(Error(a(421))))}return"$?"===r.data?(n.flags|=128,n.child=e.child,n=Cu.bind(null,e),r._reactRetry=n,null):(e=o.treeContext,ia=ur(r.nextSibling),ta=n,ra=!0,aa=null,null!==e&&(Gr[Hr++]=Qr,Gr[Hr++]=Yr,Gr[Hr++]=Wr,Qr=e.id,Yr=e.overflow,Wr=n),n=Ol(n,i.children),n.flags|=4096,n)}(e,n,s,r,i,o,t);if(l){l=r.fallback,s=n.mode,i=(o=e.child).sibling;var u={mode:"hidden",children:r.children};return 0==(1&s)&&n.child!==o?((r=n.child).childLanes=0,r.pendingProps=u,n.deletions=null):(r=ju(o,u)).subtreeFlags=14680064&o.subtreeFlags,null!==i?l=ju(i,l):(l=Mu(l,s,t,null)).flags|=2,l.return=n,r.return=n,r.sibling=l,n.child=r,r=l,l=n.child,s=null===(s=e.child.memoizedState)?Rl(t):{baseLanes:s.baseLanes|t,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~t,n.memoizedState=Ml,r}return e=(l=e.child).sibling,r=ju(l,{mode:"visible",children:r.children}),0==(1&n.mode)&&(r.lanes=t),r.return=n,r.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=r,n.memoizedState=null,r}function Ol(e,n){return(n=Ru({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Fl(e,n,t,i){return null!==i&&fa(i),Qa(n,e.child,null,t),(e=Ol(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Kl(e,n,t){e.lanes|=n;var i=e.alternate;null!==i&&(i.lanes|=n),xa(e.return,n,t)}function Ul(e,n,t,i,r){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:i,tail:t,tailMode:r}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=i,a.tail=t,a.tailMode=r)}function Vl(e,n,t){var i=n.pendingProps,r=i.revealOrder,a=i.tail;if(kl(e,n,i.children,t),0!=(2&(i=lo.current)))i=1&i|2,n.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Kl(e,t,n);else if(19===e.tag)Kl(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}i&=1}if(Lr(lo,i),0==(1&n.mode))n.memoizedState=null;else switch(r){case"forwards":for(t=n.child,r=null;null!==t;)null!==(e=t.alternate)&&null===so(e)&&(r=t),t=t.sibling;null===(t=r)?(r=n.child,n.child=null):(r=t.sibling,t.sibling=null),Ul(n,!1,r,t,a);break;case"backwards":for(t=null,r=n.child,n.child=null;null!==r;){if(null!==(e=r.alternate)&&null===so(e)){n.child=r;break}e=r.sibling,r.sibling=t,t=r,r=e}Ul(n,!0,t,null,a);break;case"together":Ul(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function Zl(e,n){0==(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function ql(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Rs|=n.lanes,0==(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(t=ju(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=ju(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function $l(e,n){if(!ra)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var i=null;null!==t;)null!==t.alternate&&(i=t),t=t.sibling;null===i?n||null===e.tail?e.tail=null:e.tail.sibling=null:i.sibling=null}}function Gl(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,i=0;if(n)for(var r=e.child;null!==r;)t|=r.lanes|r.childLanes,i|=14680064&r.subtreeFlags,i|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)t|=r.lanes|r.childLanes,i|=r.subtreeFlags,i|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=i,e.childLanes=t,n}function Hl(e,n,t){var i=n.pendingProps;switch(na(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gl(n),null;case 1:case 17:return zr(n.type)&&Tr(),Gl(n),null;case 3:return i=n.stateNode,ro(),Dr(Er),Dr(Cr),co(),i.pendingContext&&(i.context=i.pendingContext,i.pendingContext=null),null!==e&&null!==e.child||(da(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&n.flags)||(n.flags|=1024,null!==aa&&(lu(aa),aa=null))),Tl(e,n),Gl(n),null;case 5:oo(n);var r=to(no.current);if(t=n.type,null!==e&&null!=n.stateNode)jl(e,n,t,i,r),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!i){if(null===n.stateNode)throw Error(a(166));return Gl(n),null}if(e=to(Ja.current),da(n)){i=n.stateNode,t=n.type;var o=n.memoizedProps;switch(i[pr]=n,i[gr]=o,e=0!=(1&n.mode),t){case"dialog":Oi("cancel",i),Oi("close",i);break;case"iframe":case"object":case"embed":Oi("load",i);break;case"video":case"audio":for(r=0;r<\/script>",e=e.removeChild(e.firstChild)):"string"==typeof i.is?e=s.createElement(t,{is:i.is}):(e=s.createElement(t),"select"===t&&(s=e,i.multiple?s.multiple=!0:i.size&&(s.size=i.size))):e=s.createElementNS(e,t),e[pr]=n,e[gr]=i,zl(e,n,!1,!1),n.stateNode=e;e:{switch(s=ve(t,i),t){case"dialog":Oi("cancel",e),Oi("close",e),r=i;break;case"iframe":case"object":case"embed":Oi("load",e),r=i;break;case"video":case"audio":for(r=0;rVs&&(n.flags|=128,i=!0,$l(o,!1),n.lanes=4194304)}else{if(!i)if(null!==(e=so(s))){if(n.flags|=128,i=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),$l(o,!0),null===o.tail&&"hidden"===o.tailMode&&!s.alternate&&!ra)return Gl(n),null}else 2*Ye()-o.renderingStartTime>Vs&&1073741824!==t&&(n.flags|=128,i=!0,$l(o,!1),n.lanes=4194304);o.isBackwards?(s.sibling=n.child,n.child=s):(null!==(t=o.last)?t.sibling=s:n.child=s,o.last=s)}return null!==o.tail?(n=o.tail,o.rendering=n,o.tail=n.sibling,o.renderingStartTime=Ye(),n.sibling=null,t=lo.current,Lr(lo,i?1&t|2:1&t),n):(Gl(n),null);case 22:case 23:return pu(),i=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==i&&(n.flags|=8192),i&&0!=(1&n.mode)?0!=(1073741824&Ts)&&(Gl(n),6&n.subtreeFlags&&(n.flags|=8192)):Gl(n),null;case 24:case 25:return null}throw Error(a(156,n.tag))}function Wl(e,n){switch(na(n),n.tag){case 1:return zr(n.type)&&Tr(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return ro(),Dr(Er),Dr(Cr),co(),0!=(65536&(e=n.flags))&&0==(128&e)?(n.flags=-65537&e|128,n):null;case 5:return oo(n),null;case 13:if(Dr(lo),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(a(340));ga()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Dr(lo),null;case 4:return ro(),null;case 10:return Sa(n.type._context),null;case 22:case 23:return pu(),null;default:return null}}zl=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Tl=function(){},jl=function(e,n,t,i){var r=e.memoizedProps;if(r!==i){e=n.stateNode,to(Ja.current);var a,o=null;switch(t){case"input":r=W(e,r),i=W(e,i),o=[];break;case"select":r=R({},r,{value:void 0}),i=R({},i,{value:void 0}),o=[];break;case"textarea":r=ie(e,r),i=ie(e,i),o=[];break;default:"function"!=typeof r.onClick&&"function"==typeof i.onClick&&(e.onclick=Ji)}for(c in we(t,i),t=null,r)if(!i.hasOwnProperty(c)&&r.hasOwnProperty(c)&&null!=r[c])if("style"===c){var s=r[c];for(a in s)s.hasOwnProperty(a)&&(t||(t={}),t[a]="")}else"dangerouslySetInnerHTML"!==c&&"children"!==c&&"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(l.hasOwnProperty(c)?o||(o=[]):(o=o||[]).push(c,null));for(c in i){var u=i[c];if(s=null!=r?r[c]:void 0,i.hasOwnProperty(c)&&u!==s&&(null!=u||null!=s))if("style"===c)if(s){for(a in s)!s.hasOwnProperty(a)||u&&u.hasOwnProperty(a)||(t||(t={}),t[a]="");for(a in u)u.hasOwnProperty(a)&&s[a]!==u[a]&&(t||(t={}),t[a]=u[a])}else t||(o||(o=[]),o.push(c,t)),t=u;else"dangerouslySetInnerHTML"===c?(u=u?u.__html:void 0,s=s?s.__html:void 0,null!=u&&s!==u&&(o=o||[]).push(c,u)):"children"===c?"string"!=typeof u&&"number"!=typeof u||(o=o||[]).push(c,""+u):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&(l.hasOwnProperty(c)?(null!=u&&"onScroll"===c&&Oi("scroll",e),o||s===u||(o=[])):(o=o||[]).push(c,u))}t&&(o=o||[]).push("style",t);var c=o;(n.updateQueue=c)&&(n.flags|=4)}},Bl=function(e,n,t,i){t!==i&&(n.flags|=4)};var Ql=!1,Yl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(i){Du(e,n,i)}else t.current=null}function ns(e,n,t){try{t()}catch(i){Du(e,n,i)}}var ts=!1;function is(e,n,t){var i=n.updateQueue;if(null!==(i=null!==i?i.lastEffect:null)){var r=i=i.next;do{if((r.tag&e)===e){var a=r.destroy;r.destroy=void 0,void 0!==a&&ns(n,t,a)}r=r.next}while(r!==i)}}function rs(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var i=t.create;t.destroy=i()}t=t.next}while(t!==n)}}function as(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function os(e){var n=e.alternate;null!==n&&(e.alternate=null,os(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(n=e.stateNode)&&(delete n[pr],delete n[gr],delete n[mr],delete n[hr],delete n[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 us(e,n,t){var i=e.tag;if(5===i||6===i)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=Ji));else if(4!==i&&null!==(e=e.child))for(us(e,n,t),e=e.sibling;null!==e;)us(e,n,t),e=e.sibling}function cs(e,n,t){var i=e.tag;if(5===i||6===i)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==i&&null!==(e=e.child))for(cs(e,n,t),e=e.sibling;null!==e;)cs(e,n,t),e=e.sibling}var ds=null,ps=!1;function gs(e,n,t){for(t=t.child;null!==t;)fs(e,n,t),t=t.sibling}function fs(e,n,t){if(on&&"function"==typeof on.onCommitFiberUnmount)try{on.onCommitFiberUnmount(an,t)}catch(l){}switch(t.tag){case 5:Yl||es(t,n);case 6:var i=ds,r=ps;ds=null,gs(e,n,t),ps=r,null!==(ds=i)&&(ps?(e=ds,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):ds.removeChild(t.stateNode));break;case 18:null!==ds&&(ps?(e=ds,t=t.stateNode,8===e.nodeType?sr(e.parentNode,t):1===e.nodeType&&sr(e,t),Vn(e)):sr(ds,t.stateNode));break;case 4:i=ds,r=ps,ds=t.stateNode.containerInfo,ps=!0,gs(e,n,t),ds=i,ps=r;break;case 0:case 11:case 14:case 15:if(!Yl&&(null!==(i=t.updateQueue)&&null!==(i=i.lastEffect))){r=i=i.next;do{var a=r,o=a.destroy;a=a.tag,void 0!==o&&(0!=(2&a)||0!=(4&a))&&ns(t,n,o),r=r.next}while(r!==i)}gs(e,n,t);break;case 1:if(!Yl&&(es(t,n),"function"==typeof(i=t.stateNode).componentWillUnmount))try{i.props=t.memoizedProps,i.state=t.memoizedState,i.componentWillUnmount()}catch(l){Du(t,n,l)}gs(e,n,t);break;case 21:gs(e,n,t);break;case 22:1&t.mode?(Yl=(i=Yl)||null!==t.memoizedState,gs(e,n,t),Yl=i):gs(e,n,t);break;default:gs(e,n,t)}}function ms(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Xl),n.forEach((function(n){var i=Eu.bind(null,e,n);t.has(n)||(t.add(n),n.then(i,i))}))}}function hs(e,n){var t=n.deletions;if(null!==t)for(var i=0;ir&&(r=l),i&=~o}if(i=r,10<(i=(120>(i=Ye()-i)?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Ds(i/1960))-i)){e.timeoutHandle=ir(Su.bind(null,e,Ks,Zs),i);break}Su(e,Ks,Zs);break;default:throw Error(a(329))}}}return ru(e,Ye()),e.callbackNode===t?au.bind(null,e):null}function ou(e,n){var t=Fs;return e.current.memoizedState.isDehydrated&&(gu(e,n).flags|=256),2!==(e=bu(e,n))&&(n=Ks,Ks=t,null!==n&&lu(n)),e}function lu(e){null===Ks?Ks=e:Ks.push.apply(Ks,e)}function su(e,n){for(n&=~Os,n&=~Ns,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0e?16:e,null===Ws)var i=!1;else{if(e=Ws,Ws=null,Qs=0,0!=(6&Es))throw Error(a(331));var r=Es;for(Es|=4,Jl=e.current;null!==Jl;){var o=Jl,l=o.child;if(0!=(16&Jl.flags)){var s=o.deletions;if(null!==s){for(var u=0;uYe()-Us?gu(e,0):Os|=t),ru(e,n)}function Au(e,n){0===n&&(0==(1&e.mode)?n=1:(n=dn,0==(130023424&(dn<<=1))&&(dn=4194304)));var t=nu();null!==(e=Ea(e,n))&&(wn(e,n,t),ru(e,t))}function Cu(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Au(e,t)}function Eu(e,n){var t=0;switch(e.tag){case 13:var i=e.stateNode,r=e.memoizedState;null!==r&&(t=r.retryLane);break;case 19:i=e.stateNode;break;default:throw Error(a(314))}null!==i&&i.delete(n),Au(e,t)}function Pu(e,n){return Ge(e,n)}function Iu(e,n,t,i){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function zu(e,n,t,i){return new Iu(e,n,t,i)}function Tu(e){return!(!(e=e.prototype)||!e.isReactComponent)}function ju(e,n){var t=e.alternate;return null===t?((t=zu(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Bu(e,n,t,i,r,o){var l=2;if(i=e,"function"==typeof e)Tu(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case x:return Mu(t.children,r,o,n);case _:l=8,r|=8;break;case D:return(e=zu(12,t,n,2|r)).elementType=D,e.lanes=o,e;case E:return(e=zu(13,t,n,r)).elementType=E,e.lanes=o,e;case P:return(e=zu(19,t,n,r)).elementType=P,e.lanes=o,e;case T:return Ru(t,r,o,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case L:l=10;break e;case A:l=9;break e;case C:l=11;break e;case I:l=14;break e;case z:l=16,i=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(n=zu(l,t,n,r)).elementType=e,n.type=i,n.lanes=o,n}function Mu(e,n,t,i){return(e=zu(7,e,i,n)).lanes=t,e}function Ru(e,n,t,i){return(e=zu(22,e,i,n)).elementType=T,e.lanes=t,e.stateNode={isHidden:!1},e}function Nu(e,n,t){return(e=zu(6,e,null,n)).lanes=t,e}function Ou(e,n,t){return(n=zu(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function Fu(e,n,t,i,r){this.tag=n,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=bn(0),this.expirationTimes=bn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=bn(0),this.identifierPrefix=i,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Ku(e,n,t,i,r,a,o,l,s){return e=new Fu(e,n,t,l,s),1===n?(n=1,!0===a&&(n|=8)):n=0,a=zu(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:i,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ia(a),e}function Uu(e){if(!e)return Ar;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(zr(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(a(171))}if(1===e.tag){var t=e.type;if(zr(t))return Br(e,t,n)}return n}function Vu(e,n,t,i,r,a,o,l,s){return(e=Ku(t,i,!0,e,0,a,0,l,s)).context=Uu(null),t=e.current,(a=Ta(i=nu(),r=tu(t))).callback=null!=n?n:null,ja(t,a,r),e.current.lanes=r,wn(e,r,i),ru(e,i),e}function Zu(e,n,t,i){var r=n.current,a=nu(),o=tu(r);return t=Uu(t),null===n.context?n.context=t:n.pendingContext=t,(n=Ta(a,o)).payload={element:e},null!==(i=void 0===i?null:i)&&(n.callback=i),null!==(e=ja(r,n,o))&&(iu(e,r,o,a),Ba(e,r,o)),o}function qu(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function $u(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t{"use strict";var i=t(422);n.createRoot=i.createRoot,n.hydrateRoot=i.hydrateRoot},422:(e,n,t)=>{"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(n){console.error(n)}}(),e.exports=t(3746)},5154:e=>{var n="undefined"!=typeof Element,t="function"==typeof Map,i="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,o){if(e===o)return!0;if(e&&o&&"object"==typeof e&&"object"==typeof o){if(e.constructor!==o.constructor)return!1;var l,s,u,c;if(Array.isArray(e)){if((l=e.length)!=o.length)return!1;for(s=l;0!=s--;)if(!a(e[s],o[s]))return!1;return!0}if(t&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!o.has(s.value[0]))return!1;for(c=e.entries();!(s=c.next()).done;)if(!a(s.value[1],o.get(s.value[0])))return!1;return!0}if(i&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!o.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if((l=e.length)!=o.length)return!1;for(s=l;0!=s--;)if(e[s]!==o[s])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof o.valueOf)return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof o.toString)return e.toString()===o.toString();if((l=(u=Object.keys(e)).length)!==Object.keys(o).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(o,u[s]))return!1;if(n&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==u[s]&&"__v"!==u[s]&&"__o"!==u[s]||!e.$$typeof)&&!a(e[u[s]],o[u[s]]))return!1;return!0}return e!=e&&o!=o}e.exports=function(e,n){try{return a(e,n)}catch(t){if((t.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw t}}},387:(e,n,t)=>{"use strict";t.d(n,{B6:()=>q,ql:()=>J});var i=t(959),r=t(507),a=t.n(r),o=t(5154),l=t.n(o),s=t(3670),u=t.n(s),c=t(631),d=t.n(c);function p(){return p=Object.assign||function(e){for(var n=1;n=0||(r[t]=e[t]);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"]},w={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"]},y=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"},S=Object.keys(k).reduce((function(e,n){return e[k[n]]=n,e}),{}),x=function(e,n){for(var t=e.length-1;t>=0;t-=1){var i=e[t];if(Object.prototype.hasOwnProperty.call(i,n))return i[n]}return null},_=function(e){var n=x(e,h.TITLE),t=x(e,"titleTemplate");if(Array.isArray(n)&&(n=n.join("")),t&&n)return t.replace(/%s/g,(function(){return n}));var i=x(e,"defaultTitle");return n||i||void 0},D=function(e){return x(e,"onChangeClientState")||function(){}},L=function(e,n){return n.filter((function(n){return void 0!==n[e]})).map((function(n){return n[e]})).reduce((function(e,n){return p({},e,n)}),{})},A=function(e,n){return n.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(n,t){if(!n.length)for(var i=Object.keys(t),r=0;r/g,">").replace(/"/g,""").replace(/'/g,"'")},B=function(e){return Object.keys(e).reduce((function(n,t){var i=void 0!==e[t]?t+'="'+e[t]+'"':""+t;return n?n+" "+i:i}),"")},M=function(e,n){return void 0===n&&(n={}),Object.keys(e).reduce((function(n,t){return n[k[t]||t]=e[t],n}),n)},R=function(e,n){return n.map((function(n,t){var r,a=((r={key:t})["data-rh"]=!0,r);return Object.keys(n).forEach((function(e){var t=k[e]||e;"innerHTML"===t||"cssText"===t?a.dangerouslySetInnerHTML={__html:n.innerHTML||n.cssText}:a[t]=n[e]})),i.createElement(e,a)}))},N=function(e,n,t){switch(e){case h.TITLE:return{toComponent:function(){return t=n.titleAttributes,(r={key:e=n.title})["data-rh"]=!0,a=M(t,r),[i.createElement(h.TITLE,a,e)];var e,t,r,a},toString:function(){return function(e,n,t,i){var r=B(t),a=P(n);return r?"<"+e+' data-rh="true" '+r+">"+j(a,i)+""+e+">":"<"+e+' data-rh="true">'+j(a,i)+""+e+">"}(e,n.title,n.titleAttributes,t)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return M(n)},toString:function(){return B(n)}};default:return{toComponent:function(){return R(e,n)},toString:function(){return function(e,n,t){return n.reduce((function(n,i){var r=Object.keys(i).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,n){var r=void 0===i[n]?n:n+'="'+j(i[n],t)+'"';return e?e+" "+r:r}),""),a=i.innerHTML||i.cssText||"",o=-1===T.indexOf(e);return n+"<"+e+' data-rh="true" '+r+(o?"/>":">"+a+""+e+">")}),"")}(e,n,t)}}}},O=function(e){var n=e.baseTag,t=e.bodyAttributes,i=e.encode,r=e.htmlAttributes,a=e.noscriptTags,o=e.styleTags,l=e.title,s=void 0===l?"":l,u=e.titleAttributes,c=e.linkTags,d=e.metaTags,p=e.scriptTags,g={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var f=function(e){var n=e.linkTags,t=e.scriptTags,i=e.encode,r=I(e.metaTags,v),a=I(n,b),o=I(t,w);return{priorityMethods:{toComponent:function(){return[].concat(R(h.META,r.priority),R(h.LINK,a.priority),R(h.SCRIPT,o.priority))},toString:function(){return N(h.META,r.priority,i)+" "+N(h.LINK,a.priority,i)+" "+N(h.SCRIPT,o.priority,i)}},metaTags:r.default,linkTags:a.default,scriptTags:o.default}}(e);g=f.priorityMethods,c=f.linkTags,d=f.metaTags,p=f.scriptTags}return{priority:g,base:N(h.BASE,n,i),bodyAttributes:N("bodyAttributes",t,i),htmlAttributes:N("htmlAttributes",r,i),link:N(h.LINK,c,i),meta:N(h.META,d,i),noscript:N(h.NOSCRIPT,a,i),script:N(h.SCRIPT,p,i),style:N(h.STYLE,o,i),title:N(h.TITLE,{title:s,titleAttributes:u},i)}},F=[],K=function(e,n){var t=this;void 0===n&&(n="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){t.context.helmet=e},helmetInstances:{get:function(){return t.canUseDOM?F:t.instances},add:function(e){(t.canUseDOM?F:t.instances).push(e)},remove:function(e){var n=(t.canUseDOM?F:t.instances).indexOf(e);(t.canUseDOM?F:t.instances).splice(n,1)}}},this.context=e,this.canUseDOM=n,n||(e.helmet=O({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=i.createContext({}),V=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),Z="undefined"!=typeof document,q=function(e){function n(t){var i;return(i=e.call(this,t)||this).helmetData=new K(i.props.context,n.canUseDOM),i}return g(n,e),n.prototype.render=function(){return i.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},n}(i.Component);q.canUseDOM=Z,q.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var $=function(e,n){var t,i=document.head||document.querySelector(h.HEAD),r=i.querySelectorAll(e+"[data-rh]"),a=[].slice.call(r),o=[];return n&&n.length&&n.forEach((function(n){var i=document.createElement(e);for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&("innerHTML"===r?i.innerHTML=n.innerHTML:"cssText"===r?i.styleSheet?i.styleSheet.cssText=n.cssText:i.appendChild(document.createTextNode(n.cssText)):i.setAttribute(r,void 0===n[r]?"":n[r]));i.setAttribute("data-rh","true"),a.some((function(e,n){return t=n,i.isEqualNode(e)}))?a.splice(t,1):o.push(i)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),o.forEach((function(e){return i.appendChild(e)})),{oldTags:a,newTags:o}},G=function(e,n){var t=document.getElementsByTagName(e)[0];if(t){for(var i=t.getAttribute("data-rh"),r=i?i.split(","):[],a=[].concat(r),o=Object.keys(n),l=0;l=0;d-=1)t.removeAttribute(a[d]);r.length===a.length?t.removeAttribute("data-rh"):t.getAttribute("data-rh")!==o.join(",")&&t.setAttribute("data-rh",o.join(","))}},H=function(e,n){var t=e.baseTag,i=e.htmlAttributes,r=e.linkTags,a=e.metaTags,o=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,u=e.styleTags,c=e.title,d=e.titleAttributes;G(h.BODY,e.bodyAttributes),G(h.HTML,i),function(e,n){void 0!==e&&document.title!==e&&(document.title=P(e)),G(h.TITLE,n)}(c,d);var p={baseTag:$(h.BASE,t),linkTags:$(h.LINK,r),metaTags:$(h.META,a),noscriptTags:$(h.NOSCRIPT,o),scriptTags:$(h.SCRIPT,s),styleTags:$(h.STYLE,u)},g={},f={};Object.keys(p).forEach((function(e){var n=p[e],t=n.newTags,i=n.oldTags;t.length&&(g[e]=t),i.length&&(f[e]=p[e].oldTags)})),n&&n(),l(e,g,f)},W=null,Q=function(e){function n(){for(var n,t=arguments.length,i=new Array(t),r=0;r elements are self-closing and can not contain children. Refer to our API for more information.")}},t.flattenArrayTypeChildren=function(e){var n,t=e.child,i=e.arrayTypeChildren;return p({},i,((n={})[t.type]=[].concat(i[t.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(t,e.nestedChildren))]),n))},t.mapObjectTypeChildren=function(e){var n,t,i=e.child,r=e.newProps,a=e.newChildProps,o=e.nestedChildren;switch(i.type){case h.TITLE:return p({},r,((n={})[i.type]=o,n.titleAttributes=p({},a),n));case h.BODY:return p({},r,{bodyAttributes:p({},a)});case h.HTML:return p({},r,{htmlAttributes:p({},a)});default:return p({},r,((t={})[i.type]=p({},a),t))}},t.mapArrayTypeChildrenToProps=function(e,n){var t=p({},n);return Object.keys(e).forEach((function(n){var i;t=p({},t,((i={})[n]=e[n],i))})),t},t.warnOnInvalidChildren=function(e,n){return u()(y.some((function(n){return e.type===n})),"function"==typeof e.type?"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+y.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),u()(!n||"string"==typeof n||Array.isArray(n)&&!n.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},t.mapChildrenToProps=function(e,n){var t=this,r={};return i.Children.forEach(e,(function(e){if(e&&e.props){var i=e.props,a=i.children,o=m(i,Y),l=Object.keys(o).reduce((function(e,n){return e[S[n]||n]=o[n],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():t.warnOnInvalidChildren(e,a),s){case h.FRAGMENT:n=t.mapChildrenToProps(a,n);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=t.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:a});break;default:n=t.mapObjectTypeChildren({child:e,newProps:n,newChildProps:l,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(r,n)},t.render=function(){var e=this.props,n=e.children,t=m(e,X),r=p({},t),a=t.helmetData;return n&&(r=this.mapChildrenToProps(n,r)),!a||a instanceof K||(a=new K(a.context,a.instances)),a?i.createElement(Q,p({},r,{context:a.value,helmetData:void 0})):i.createElement(U.Consumer,null,(function(e){return i.createElement(Q,p({},r,{context:e}))}))},n}(i.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,i=t?Symbol.for("react.element"):60103,r=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,l=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,c=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,g=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,m=t?Symbol.for("react.memo"):60115,h=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,w=t?Symbol.for("react.fundamental"):60117,v=t?Symbol.for("react.responder"):60118,y=t?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case i:switch(e=e.type){case c:case d:case a:case l:case o:case g:return e;default:switch(e=e&&e.$$typeof){case u:case p:case h:case m:case s:return e;default:return n}}case r:return n}}}function S(e){return k(e)===d}n.AsyncMode=c,n.ConcurrentMode=d,n.ContextConsumer=u,n.ContextProvider=s,n.Element=i,n.ForwardRef=p,n.Fragment=a,n.Lazy=h,n.Memo=m,n.Portal=r,n.Profiler=l,n.StrictMode=o,n.Suspense=g,n.isAsyncMode=function(e){return S(e)||k(e)===c},n.isConcurrentMode=S,n.isContextConsumer=function(e){return k(e)===u},n.isContextProvider=function(e){return k(e)===s},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},n.isForwardRef=function(e){return k(e)===p},n.isFragment=function(e){return k(e)===a},n.isLazy=function(e){return k(e)===h},n.isMemo=function(e){return k(e)===m},n.isPortal=function(e){return k(e)===r},n.isProfiler=function(e){return k(e)===l},n.isStrictMode=function(e){return k(e)===o},n.isSuspense=function(e){return k(e)===g},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===l||e===o||e===g||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===u||e.$$typeof===p||e.$$typeof===w||e.$$typeof===v||e.$$typeof===y||e.$$typeof===b)},n.typeOf=k},6237:(e,n,t)=>{"use strict";e.exports=t(198)},9500:(e,n,t)=>{"use strict";t.d(n,{OL:()=>v,VK:()=>c,rU:()=>h});var i=t(8903),r=t(2666),a=t(959),o=t(4047),l=t(6920),s=t(3804),u=t(8624),c=function(e){function n(){for(var n,t=arguments.length,i=new Array(t),r=0;r{"use strict";t.d(n,{AW:()=>_,F0:()=>v,LX:()=>x,TH:()=>T,k6:()=>z,rs:()=>P,s6:()=>w});var i=t(2666),r=t(959),a=t(507),o=t.n(a),l=t(4047),s=t(8624),u=t(6920),c=t(7720),d=t.n(c),p=(t(6237),t(3804)),g=(t(2535),1073741823),f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:{};var m=r.createContext||function(e,n){var t,a,l="__create-react-context-"+function(){var e="__global_unique_id__";return f[e]=(f[e]||0)+1}()+"__",s=function(e){function t(){for(var n,t,i,r=arguments.length,a=new Array(r),o=0;o{"use strict";var i=t(959),r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,t){var i,a={},u=null,c=null;for(i in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)o.call(n,i)&&!s.hasOwnProperty(i)&&(a[i]=n[i]);if(e&&e.defaultProps)for(i in n=e.defaultProps)void 0===a[i]&&(a[i]=n[i]);return{$$typeof:r,type:e,key:u,ref:c,props:a,_owner:l.current}}n.Fragment=a,n.jsx=u,n.jsxs=u},5257:(e,n)=>{"use strict";var t=Symbol.for("react.element"),i=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),g=Symbol.iterator;var f={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||f}function w(){}function v(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||f}b.prototype.isReactComponent={},b.prototype.setState=function(e,n){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,n,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},w.prototype=b.prototype;var y=v.prototype=new w;y.constructor=v,m(y,b.prototype),y.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},_={key:!0,ref:!0,__self:!0,__source:!0};function D(e,n,i){var r,a={},o=null,l=null;if(null!=n)for(r in void 0!==n.ref&&(l=n.ref),void 0!==n.key&&(o=""+n.key),n)S.call(n,r)&&!_.hasOwnProperty(r)&&(a[r]=n[r]);var s=arguments.length-2;if(1===s)a.children=i;else if(1{"use strict";e.exports=t(5257)},1527:(e,n,t)=>{"use strict";e.exports=t(3354)},5568:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0>>1,r=e[i];if(!(0>>1;ia(s,t))ua(c,s)?(e[i]=c,e[u]=t,i=u):(e[i]=s,e[l]=t,i=l);else{if(!(ua(c,t)))break e;e[i]=c,e[u]=t,i=u}}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var o=performance;n.unstable_now=function(){return o.now()}}else{var l=Date,s=l.now();n.unstable_now=function(){return l.now()-s}}var u=[],c=[],d=1,p=null,g=3,f=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,w="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var n=i(c);null!==n;){if(null===n.callback)r(c);else{if(!(n.startTime<=e))break;r(c),n.sortIndex=n.expirationTime,t(u,n)}n=i(c)}}function k(e){if(h=!1,y(e),!m)if(null!==i(u))m=!0,T(S);else{var n=i(c);null!==n&&j(k,n.startTime-e)}}function S(e,t){m=!1,h&&(h=!1,w(L),L=-1),f=!0;var a=g;try{for(y(t),p=i(u);null!==p&&(!(p.expirationTime>t)||e&&!E());){var o=p.callback;if("function"==typeof o){p.callback=null,g=p.priorityLevel;var l=o(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof l?p.callback=l:p===i(u)&&r(u),y(t)}else r(u);p=i(u)}if(null!==p)var s=!0;else{var d=i(c);null!==d&&j(k,d.startTime-t),s=!1}return s}finally{p=null,g=a,f=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,_=!1,D=null,L=-1,A=5,C=-1;function E(){return!(n.unstable_now()-Ce||125o?(e.sortIndex=a,t(c,e),null===i(u)&&e===i(c)&&(h?(w(L),L=-1):h=!0,j(k,a-o))):(e.sortIndex=l,t(u,e),m||f||(m=!0,T(S))),e},n.unstable_shouldYield=E,n.unstable_wrapCallback=function(e){var n=g;return function(){var t=g;g=n;try{return e.apply(this,arguments)}finally{g=t}}}},2962:(e,n,t)=>{"use strict";e.exports=t(5568)},631:e=>{e.exports=function(e,n,t,i){var r=t?t.call(i,e,n):void 0;if(void 0!==r)return!!r;if(e===n)return!0;if("object"!=typeof e||!e||"object"!=typeof n||!n)return!1;var a=Object.keys(e),o=Object.keys(n);if(a.length!==o.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(n),s=0;s{"use strict";t.r(n),t.d(n,{default:()=>i});const i={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/reddit-plugin.js","./plugins/clearbit-plugin.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,n,t)=>{"use strict";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;ni})},2666:(e,n,t)=>{"use strict";function i(e,n){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},i(e,n)}function r(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,i(e,n)}t.d(n,{Z:()=>r})},3804:(e,n,t)=>{"use strict";function i(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i=0||(r[t]=e[t]);return r}t.d(n,{Z:()=>i})},5341:(e,n,t)=>{"use strict";function i(e){var n,t,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(n=0;nr});const r=function(){for(var e,n,t=0,r="";t{"use strict";t.d(n,{p1:()=>A,y$:()=>ee});var i,r,a,o,l,s,u,c=t(959),d=t(5341),p=Object.create,g=Object.defineProperty,f=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,w=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,S=(e,n,t)=>n in e?g(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,x=(e,n)=>{for(var t in n||(n={}))y.call(n,t)&&S(e,t,n[t]);if(w)for(var t of w(n))k.call(n,t)&&S(e,t,n[t]);return e},_=(e,n)=>f(e,h(n)),D=(e,n)=>{var t={};for(var i in e)y.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&w)for(var i of w(e))n.indexOf(i)<0&&k.call(e,i)&&(t[i]=e[i]);return t},L=(i={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,n){var t=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,t={},i={util:{encode:function e(n){return n instanceof r?new r(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=d.reach);x+=S.value.length,S=S.next){var _=S.value;if(n.length>e.length)return;if(!(_ instanceof r)){var D,L=1;if(w){if(!(D=a(k,x,e,b))||D.index>=e.length)break;var A=D.index,C=D.index+D[0].length,E=x;for(E+=S.value.length;A>=E;)E+=(S=S.next).value.length;if(x=E-=S.value.length,S.value instanceof r)continue;for(var P=S;P!==n.tail&&(Ed.reach&&(d.reach=j);var B=S.prev;if(z&&(B=s(n,B,z),x+=z.length),u(n,B,L),S=s(n,B,new r(p,h?i.tokenize(I,h):I,v,I)),T&&s(n,S,T),L>1){var M={cause:p+","+f,reach:j};o(e,n,t,S.prev,x,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function s(e,n,t){var i=n.next,r={value:t,prev:n,next:i};return n.next=r,i.prev=r,e.length++,r}function u(e,n,t){for(var i=n.next,r=0;r"+a.content+""+a.tag+">"},i}();n.exports=t,t.default=t}},function(){return r||(0,i[b(i)[0]])((r={exports:{}}).exports,r),r.exports}),A=((e,n,t)=>(t=null!=e?p(v(e)):{},((e,n,t,i)=>{if(n&&"object"==typeof n||"function"==typeof n)for(let r of b(n))y.call(e,r)||r===t||g(e,r,{get:()=>n[r],enumerable:!(i=m(n,r))||i.enumerable});return e})(!n&&e&&e.__esModule?t:g(t,"default",{value:e,enumerable:!0}),e)))(L());A.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\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://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"},/?[\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(/&/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,n){var t;(n=((t=((t={})["language-"+n]={pattern:/(^$)/i,lookbehind:!0,inside:A.languages[n]},t.cdata=/^$/i,{"included-cdata":{pattern://i,inside:t}}))["language-"+n]={pattern:/[\s\S]+/,inside:A.languages[n]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:t},A.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,n){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:[n,"language-"+n],inside:A.languages[n]},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,a=A,o={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),u={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},a.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":o,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":o,"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":u}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":u}},{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 n=/#(?!\{).+/,t={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:n,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:t}}],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:n,interpolation:t}}}),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:t}}]}),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 n=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(n,"addSupport",{value:function(n,t){(n="string"==typeof n?[n]:n).forEach((function(n){var i=function(e){e.inside||(e.inside={}),e.inside.rest=t},r="doc-comment";if(a=e.languages[n]){var a,o=a[r];if((o=o||(a=e.languages.insertBefore(n,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(o=a[r]={pattern:o}),Array.isArray(o))for(var l=0,s=o.length;l|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=n,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:n,number:t,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:n,number:t})}(A),function(e){var n=/[*&][^\s[\]{},]+/,t=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+t.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+t.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function o(e,n){n=(n||"").replace(/m/g,"")+"m";var t=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return i})).replace(/<>/g,(function(){return e}));return RegExp(t,n)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return i})).replace(/<>/g,(function(){return"(?:"+r+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o(/\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:o(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:o(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:o(a),lookbehind:!0,greedy:!0},number:{pattern:o(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:t,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var n=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function t(e){return e=e.replace(//g,(function(){return n})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,o=(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+a+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+a+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),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:t(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:t(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:t(/(~~?)(?:(?!~))+\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:t(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.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(n){["url","bold","italic","strike","code-snippet"].forEach((function(t){n!==t&&(e.languages.markdown[n].inside.content.inside[t]=e.languages.markdown[t])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(n){if(n&&"string"!=typeof n)for(var t=0,i=n.length;t",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 n=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),t=0;t?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var n=e.languages.javascript["template-string"],t=n.pattern.source,i=n.inside.interpolation,r=i.inside["interpolation-punctuation"],a=i.pattern.source;function o(n,i){if(e.languages[n])return{pattern:RegExp("((?:"+i+")\\s*)"+t),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:n}}}}function l(n,t,i){return n={code:n,grammar:t,language:i},e.hooks.run("before-tokenize",n),n.tokens=e.tokenize(n.code,n.grammar),e.hooks.run("after-tokenize",n),n.tokens}function s(n,t,o){var s=e.tokenize(n,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),u=0,c={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var t,i;for(e=e.content;-1!==n.indexOf((i=u++,t="___"+o.toUpperCase()+"_"+i+"___")););return c[t]=e,t})).join(""),t,o),Object.keys(c));return u=0,function n(t){for(var a=0;a=d.length)return;var o,s,p,g,f,m,h,b=t[a];"string"==typeof b||"string"==typeof b.content?(o=d[u],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(o))&&(++u,s=m.substring(0,h),f=c[o],p=void 0,(g={})["interpolation-punctuation"]=r,3===(g=e.tokenize(f,g)).length&&((p=[1,1]).push.apply(p,l(g[1],e.languages.javascript,"javascript")),g.splice.apply(g,p)),p=new e.Token("interpolation",g,i.alias,f),g=m.substring(h+o.length),f=[],s&&f.push(s),f.push(p),g&&(n(m=[g]),f.push.apply(f,m)),"string"==typeof b?(t.splice.apply(t,[a,1].concat(f)),a+=f.length-1):b.content=f)):(h=b.content,Array.isArray(h)?n(h):n([h]))}}(s),new e.Token(o,s,"language-"+o,n)}e.languages.javascript["template-string"]=[o("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),o("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),o("svg",/\bsvg/.source),o("markdown",/\b(?:markdown|md)/.source),o("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),o("sql",/\bsql/.source),n].filter(Boolean);var u={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function c(e){return"string"==typeof e?e:Array.isArray(e)?e.map(c).join(""):c(e.content)}e.hooks.add("after-tokenize",(function(n){n.language in u&&function n(t){for(var i=0,r=t.length;i]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,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 n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,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:n}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var n=e.languages.javascript,t=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,i="(@(?:arg|argument|param|property)\\s+(?:"+t+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(i+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(i+/\[(?:(?!\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:n,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(//g,(function(){return t}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+t),lookbehind:!0,inside:{string:n.string,number:n.number,boolean:n.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:n,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 n(e,n){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),n)}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:n(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:n(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\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:n(/(\.\s*)#?/.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 t=["function","function-variable","method","method-variable","property-access"],i=0;i*\.{3}(?:[^{}]|)*\})/.source;function a(e,n){return e=e.replace(//g,(function(){return t})).replace(//g,(function(){return i})).replace(//g,(function(){return r})),RegExp(e,n)}function o(n){for(var t=[],i=0;i"!==r.content[r.content.length-1].content&&t.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\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=n.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=/.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||o(e.tokens)}))}(A),function(e){var n=e.util.clone(e.languages.typescript);(n=(e.languages.tsx=e.languages.extend("jsx",n),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.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 n={"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:n},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:n},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 n=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|)*\*\//.source,t=0;t<2;t++)n=n.replace(//g,(function(){return n}));n=n.replace(//g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+n),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 n=/\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/,t=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return n.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return n.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:n,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+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(/