Remix Antd Admin

Remix Antd Admin is a full-stack management system for both front-end and back-end. Built on Remix and Antd/TailwindCSS, as well as Prisma, it includes an RBAC (Role-Based Access Control) permission management system and integrates the remix-i18n solution.

如果你对项目感兴趣，可以考虑参与到项目中来。

目标：基于主流的技术，构建现代化、简单、快速、可扩展的全栈网站。核心工作优化代码（组件抽象，更好的代码组织）主备发布 v1 版本

Remix Antd Admin 是一个全栈项目，目前还在开发之中，经过从单纯 UI 到全栈，探索和经历里各种尝试与困难。目标是趋于稳定。

目前架构已经定了，前后端一体化，经过各种实践与考虑，决定管理端使用传统的前后端分离架构（但是代码在一个项目里面）

前端使用 remix 的数据流（考虑需要 ssr）

后端 api 使用封装的 redux-toolkit/query + prisma + rxjs + zod 与封装的 remix action/loader 提供服务端 api 服务.

同时 api 基于 jose jwt 进行授权管理，可以对外提供 api 服务，不仅仅适用于 web 端。

目前设计的主要库有：Remix, express, Prisma, pgsql

语言

中文文档

solution

version	address
fullstack	remix-antd-admin
frond end	remix-antd-admin(fe branch)
electron	remix-antd-admin-electron

visit

version	visit
fullstack	remix-antd-admin
front end	remix-antd-admin(Vercel)
docs	remix-antd-admin-docs

some part of project

block	content	description
manager	admin	remix server and admin manager
user	client	public
server	Express.js(remix server)	server and database

libs

React	React	Zod	Prisma	Remix	Vite	Vitest	Antd	ProComponent
18.x+	4.x+	8.x+	5.x+	2.x+	5.x+	1.x+	5.9.x	2.6.x

TailwindcCSS	RemixDevTool	Echart	React i18n	Cypress	PostgreSQL
3.3.x+	4.0.x+	5.0+	13.2.x+	13.7.x+	16.x+

features

- Admin:Login / Logout
- RBAC Permission Authentication

- global features
  - Full-stack integration, unified development for management, front-end, and back-end
  - Remix I18n Internationalization
  - CSS hybrid solution, supporting various options like TailWindCSS

- DOME:Editor
  - Rich Text Editor
  - Markdown Editor
  - JSON Editor

- DEMO:Excel
  - Export Excel
  - Upload Excel

- Fallback Page
  - $

- ... and so on

Directory Structure

.
├── ./app
├── ./build.sh
├── ./CHANGELOG.md
├── ./cypress
├── ./cypress.config.ts
├── ./depoly
├── ./Dockerfile
├── ./env.d.ts
├── ./LICENSE
├── ./package.json
├── ./pnpm-lock.yaml
├── ./postcss.config.mjs
├── ./prisma
├── ./public
├── ./README.md
├── ./reset.sh
├── ./start.sh
├── ./tailwind.config.ts
├── ./tsconfig.json
├── ./vercel.json
├── ./vite.config.ts
└── ./vite-env.d.ts

usage

Github

git clone https://github.com/yyong008/remix-antd-admin.git

Gitee

git clone https://gitee.com/yyong008/remix-antd-admin.git

start server

cd remix-antd-admin
pnpm run dev # open port in your browser

Brower support

Modern browsers last 2 version

Edge	Firefox	Chrome	Safari
last 2 versions	last 2 versions	last 2 versions	last 2 versions

Node.js support

Node.js	pnpm	Prisma	Remix
18.x+	8.x+	5.x+	2.x+

A cup of coffee.

If my project helps you, buy me a cup of coffee 💌buy-me-a-coffee💌

Alvazz/remix-antd-admin