{"id":21870427,"url":"https://github.com/next-dev-team/react-next-admin","last_synced_at":"2025-04-14T23:53:41.889Z","repository":{"id":136703440,"uuid":"540132928","full_name":"next-dev-team/react-next-admin","owner":"next-dev-team","description":"The next generation admin starter","archived":false,"fork":false,"pushed_at":"2024-06-22T10:08:53.000Z","size":11142,"stargazers_count":4,"open_issues_count":1,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-14T23:53:26.645Z","etag":null,"topics":["ant-design","antd","react","typescript","umi"],"latest_commit_sha":null,"homepage":"https://react-admin-pro.netlify.app/welcome","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/next-dev-team.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-09-22T19:12:03.000Z","updated_at":"2024-11-28T09:31:30.000Z","dependencies_parsed_at":"2023-12-08T07:37:44.215Z","dependency_job_id":"5b8e4fd5-2723-42a0-9b3b-40308386b2f8","html_url":"https://github.com/next-dev-team/react-next-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/next-dev-team%2Freact-next-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/next-dev-team%2Freact-next-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/next-dev-team%2Freact-next-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/next-dev-team%2Freact-next-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/next-dev-team","download_url":"https://codeload.github.com/next-dev-team/react-next-admin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248981261,"owners_count":21193144,"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":["ant-design","antd","react","typescript","umi"],"created_at":"2024-11-28T06:11:22.804Z","updated_at":"2025-04-14T23:53:41.851Z","avatar_url":"https://github.com/next-dev-team.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"---\nnav:\n  title: Docs\n  order: 1\n\ntoc: content\ntitle: Get Started\n---\n\n# React-Next-Admin\n\nThe next generation of admin enterprise applications with awesome architecture, x3 time faster development and better performance `Preview:`\u003chttps://react-admin-pro.netlify.app\u003e\n\n## Features\n\n- [Umi](https://umijs.org/) - React Framework: File-based routing(V6), auto importing, plugins(role/i18n etc), micro-front-end etc.\n- 💡 TypeScript, of course 100%\n- ✅ State management: Umi Model(context with selector) / Valtio (Proxy Base)\n- ✅ Apollo GraphQL: auto generator base on gql schema\n- 🎨 Tailwind Css\n- 💎 Antd V5: Beautiful, Fast, enterprise UI components\n- ✅ Antd Procomponents - Template component, Layout/Skeleton/Table/Form/Validation/Charts\n- 📱 Responsive: Designed for variable screen sizes\n- 🎨 Theming and layout: Customizable with theme editor and layout editor\n- 💎 [AHooks](https://ahooks.js.org/hooks): high-quality \u0026 reliable React Hooks library\n- 🌐 International: Built-in i18n\n- ⚙️ Best Practices: Solid workflow to make your code healthy\n- Eslint \u0026 Prettier: lint system to improve our code clean and consistency\n- ✅ Husky \u0026 Commitlint: commits with rule Commit convention (feat|chore|fix..: 'first commit' )\n- ✅ Custom VsCode Snippets\n- ✅ Mock development: Easy to use mock development solution\n- ✅ UI Test (cypress,Jest): Fly safely with unit and e2e tests\n- ✅ Page Tab: multi-page navigation like chrome with persistent support\n- ✅ Documents/DevTool: use Dumi for writing doc and Floating dev tools browsing view in one place\n\n## Translate\n\n- Fist init check config in `script/locale/locale-config.json`\n- Run script `script/locale/locale-translate.ts`\n\n### Auto with lobe/i18n using gpt\n\n- Setup: `lobe-i18n -0`\n- Enter key or proxy server\n- Translate `lobe-i18n`\n\n### Manual Translate\n\n- Go tor src/locale/translation/\\*\n- every add split file need to import to \\_all\n\n## TODO\n\n- CRUD components\n-\n\n## Teach Stack \u0026 Preparation\n\n- [node](http://nodejs.org/) and [git](https://git-scm.com/) - Project development environment\n- [Webpack MFSU](https://umijs.org/blog/mfsu-faster-than-vite) - Familiar with Webpack features\n- [React](https://reactjs.org) - React] official website:\n- [TypeScript](https://www.typescriptlang.org/) - Familiar with the basic syntax of `TypeScript`\n- [Es6+](http://es6.ruanyifeng.com/) - Familiar with es6 basic syntax\n- [Vue-Router-Next](https://next.router.vuejs.org/) - Familiar with the basic use of vue-router\n- [Ant-Design V5](https://ant.design) - Enterprise UI library\n- [Antd procomponents](https://procomponents.ant.design/) - Antd procomponent\n\n## file structure\n\n```ts\n├── README.md //Description file\n├── config //Configuration directory\n│ ├── config.dev.ts //Online development environment configuration file\n│ ├── config.local.ts //local development environment configuration file\n│ ├── config.pro.ts //Online official environment configuration file\n│ ├── config.testing.ts //Online test environment configuration file\n│ ├── config.ts //General configuration entry file\n│ ├── layout.ts //background layout configuration file\n│ ├── dumi.ts //dumi document configuration\n│ ├── theme.ts //Global style variable configuration\n│ ├── proxy.ts //Proxy configuration file\n│ └── routes.ts //routing configuration file\n├── docs //public documentation directory\n│ └── demo.md //document description example\n├── mock //mock mock data directory\n│ └── api.ts\n├── package.json\n├── public\n│ └── favicon.ico\n├── src\n│ ├── typings.d.ts //ts type declaration\n│ ├── access.ts //umijs layout permission verification hook\n│ ├── app.ts //umijs convention runtime configuration file\n│ ├── assets //resource storage directory\n│ │ └── images\n│ ├── components //Component directory\n│ │ ├── ErrorBoundary //Global error capture component\n│ │ ├── FormCustom //Form package component\n│ │ ├── Exception //Grouping of components such as global exceptions\n│ │ ├── RightContent //Top bar component\n│ │ └── TableCustom //Table package component\n│ ├── global.css //Global style file\n│ ├── layouts //The global routing public layout can be used optionally\n│ │ └── index.tsx\n│ ├── locales //Internationalization\n│ │ ├── en-US.js\n│ │ └── zh-CN.js\n│ ├── models //Global state directory named XXXXModel interface\n│ │ ├── globalUserModel.ts //dva writing\n│ │ ├── useGlobalModel.ts //umijs writing\n│ │ └── useUserModel.ts\n│ ├── pages\n│ │ └── document.ejs //html file configuration\n│ ├── hooks //Custom hooks storage folder\n│ │ └── usexxxx.ts\n│ ├── services //request directory\n│ │ ├── config.ts //Request interceptor\n│ │ ├── handler.ts //Request type encapsulation\n│ │ └── index.ts //Storage request\n│ ├── e2e //Browser test\n│ │ ├── baseLayout.e2e.js //public test file format routes automatic test page\n│ └── utils //The directory for storing public tools or methods\n│ ├── globalUtils.ts //Global method, automatically loaded to the global when webpack compiles\n│ ├── utils.test.ts //function test\n│ └── index.ts //Business public use separately\n├── tests //Automatic test extension writing\n└── tsconfig.json //ts configuration file\n```\n\n### Use Gitpod\n\nOpen the project in Gitpod (free online dev environment for GitHub) and start coding immediately.\n\n[![Open in Gitpod] soon\n\n## Development\n\nLocal development environment: `pnpm start`\n\nOnline development environment: `pnpm build:dev`\n\nOnline testing environment: `pnpm build:testing`\n\nOnline production environment: `pnpm build`\n\n## Browsers support\n\nModern browsers.\n\n| [\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/)\u003c/br\u003eEdge | [\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/)\u003c/br\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/)\u003c/br\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/)\u003c/br\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera |\n| --- | --- | --- | --- | --- |\n| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## Contributing\n\nAny type of contribution is welcome, here are some examples of how you may contribute to this project:\n\n- Use `React Next Admin` in your daily work.\n- Submit [issues](https://github.com/next-dev-team/react-next-admin/issues) to report bugs or ask questions.\n\n## MIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnext-dev-team%2Freact-next-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnext-dev-team%2Freact-next-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnext-dev-team%2Freact-next-admin/lists"}