{"id":19736424,"url":"https://github.com/erda-project/erda-ui","last_synced_at":"2025-05-16T18:09:10.604Z","repository":{"id":36952667,"uuid":"344676797","full_name":"erda-project/erda-ui","owner":"erda-project","description":"Erda's frontend console UI, build with React, Typescript, webpack and vite.","archived":false,"fork":false,"pushed_at":"2025-03-06T02:14:05.000Z","size":31521,"stargazers_count":74,"open_issues_count":0,"forks_count":62,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-04-04T06:04:28.937Z","etag":null,"topics":["cube-state","erda","erda-platform","erda-ui","module-federation","paas-frontend","react","typescript","ui"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/erda-project.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-05T02:59:14.000Z","updated_at":"2025-03-06T02:14:14.000Z","dependencies_parsed_at":"2023-10-11T03:52:48.474Z","dependency_job_id":"a90d1746-bb60-4af8-81f5-321615caa6eb","html_url":"https://github.com/erda-project/erda-ui","commit_stats":{"total_commits":2619,"total_committers":24,"mean_commits":109.125,"dds":0.7625047728140512,"last_synced_commit":"ea2c1c88f669d6572270bec8344e26c243decdf0"},"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erda-project%2Ferda-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erda-project%2Ferda-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erda-project%2Ferda-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erda-project%2Ferda-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erda-project","download_url":"https://codeload.github.com/erda-project/erda-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248633355,"owners_count":21136857,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cube-state","erda","erda-platform","erda-ui","module-federation","paas-frontend","react","typescript","ui"],"created_at":"2024-11-12T01:07:08.016Z","updated_at":"2025-04-12T21:25:58.379Z","avatar_url":"https://github.com/erda-project.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend UI for Erda platform.\n\n\u003cdiv\u003e\n  \u003cimg src=\"./docs/files/logo.png\" alt=\"logo\" width=\"350\"\u003e\n\u003c/div\u003e\n\n[![codecov](https://codecov.io/gh/erda-project/erda-ui/branch/master/graph/badge.svg)](https://codecov.io/gh/erda-project/erda-ui)\n![ts](https://badgen.net/badge/-/TypeScript/blue?icon=typescript\u0026label)\n[![release](https://img.shields.io/github/release/erda-project/erda/all.svg)](https://github.com/erda-project/erda/releases)\n\n## 📣 Introduction\n\nErda is an open-source platform created by [Terminus](https://www.terminus.io/) to ensure the development of microservice applications. It provides DevOps, microservice governance, and multi-cloud management capabilities. The multi-cloud architecture based on Kubernetes and application-centric DevOps and microservice governance can make the development, operation, monitoring, and problem diagnosis of complex business applications simpler and more efficient.\n\nFor Technology stack and development process, please see [here](./docs/introduction_en.md).\n\n## ✨ Platforms\n\n- DevOps platform\n- Microservice Governance platform\n- Multi-Cloud Management platform\n- Edge computing platform\n- Fast-Data platform\n\nFor a detailed introduction, please check the [official website](https://www.erda.cloud).\n\n## 🖥 Environment Support\n\nModern browsers\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eEdge |\n| --- | --- | --- | --- |\n| last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## 🚀 Quick Start\n\n### Usage\n\nWelcome to use [Erda Cloud](https://erda.cloud)\n\n## Installation\n\nPlease use the following installation documents to install Erda.\n\n- English(Coming soon)\n- [简体中文](https://docs.erda.cloud/latest/manual/install/helm-install/introduction.html)\n\n### Run Erda-UI project\n\n\u003e This repository contains many Node.JS packages. Each package has its own set of commands, but the most common commands are available from the root `package.json` and can be accessed using the `npm run ...` command. Just follow the four steps below to start.\n\n```bash\n# Step1 Install erda-ui cli to global\n\tnpm i @erda-ui/cli -g\n\n\n# Step2 Initialize the project of erda-ui\n  # Run the following command in the root directory of erda-ui\n\terda-ui init\n\n  # What does this command do?\n  # Generate initial config to the .env file. After successful running, the .env configuration file will be generated in the root directory of erda-ui.\n\n\n# Step3 Start App\n  # Run the following command in the directory of shell\n  pnpm start\n\n  # What does this command do?\n  # Start the dev server, redirect /static/{module}/* to the corresponding module folder in public folder based on the .env file, and redirect /api/* to api server.\n```\n\n## [Architecture](./docs/introduction_en.md#Architecture)\n\nTechnology stack：\n\n- UI library: Ant Design\n- state management: cube-state\n- i18n: i18next\n- bundler: webpack(production) \u0026 vite(development)\n- style: sass \u0026 tailwind\n\nThis project contain the following parts:\n\n- cli: command line interface for erda-ui, help to quick setup develop environment and pack files to docker images.\n- core: provide registration framework and core functions such as initialize cube-state and i18n etc.\n- shell: provide layout, user and common components for business modules.\n- scheduler: support module federation style development, register and navigate to multiple modules.\n- modules: business modules, each of these can develop and publish standalone.\n\n![architecture](./docs/files/architecture.jpg)\n\n\u003cdiv align=\"center\"\u003e\narchitecture of development mode\n\u003c/div\u003e\n\n## 🔗 Links\n\n- [Erda Cloud](https://erda.cloud)\n- [Official Website](https://www.erda.cloud)\n- [User Docs](https://docs.erda.cloud)\n- [Erda backend project](https://github.com/erda-project/erda)\n\n\n## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\nWe welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/erda-project/erda-ui/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/erda-project/erda-ui/pulls) or as [GitHub issues](https://github.com/erda-project/erda-ui/issues?template=bug-template). If you'd like to improve code, check out the [Development Instructions](https://github.com/erda-project/erda-ui/wiki/Development) and have a good time! :)\n\n## Contact Us\n\nIf you have any questions, please feel free to contact us.\n\n- Email: erda@terminus.io\n- Twitter: [@ErdaProject](https://twitter.com/ErdaProject)\n- 知乎：[Erda 技术团队](https://www.zhihu.com/people/erda-project) (A Chinese knowledge community, similar to Quora.)\n- 微信公众号（Wechat）:\n\n\u003cdiv align=\"left\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/erda-project/erda/develop/docs/assets/wechat-small.jpg\" alt=\"Wechat\" width=\"150\"\u003e\n\u003c/div\u003e\n\n- 钉钉用户群（Dingtalk）:\n\n\u003cdiv align=\"left\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/erda-project/erda/develop/docs/assets/dingtalk.png\" alt=\"Dingtalk\" width=\"150\"\u003e\n\u003c/div\u003e\n\n## License\n\nErda ui is under the AGPL 3.0 license. See the [LICENSE](/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferda-project%2Ferda-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferda-project%2Ferda-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferda-project%2Ferda-ui/lists"}