remix-antd-admin

remix-antd-admin

🎰Remix Antd Admin is a website building solution based on Remix、Antd、Prisma. (WIP)

Stars: 51

Visit
 screenshot

Remix Antd Admin is a full-stack management system built on Remix and Antd/TailwindCSS, featuring RBAC permission management and remix-i18n integration. It aims to provide a modern, simple, fast, and scalable full-stack website. The project is currently in development, transitioning from UI to full-stack, with a focus on stable architecture. The frontend utilizes remix data flow with server-side rendering, while the backend API uses redux-toolkit/query, prisma, rxjs, zod, and remix action/loader for server API services. The project includes authorization management with jose jwt for external API services beyond web applications. Key libraries used are Remix, express, Prisma, and pgsql.

README:

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

Node.js React Node.js React pnpmZod PrismaPrisma RemixRemix Node.js Vite Node.js Vitest Node.js Antd Node.jsProComponent
18.x+ 4.x+ 8.x+ 5.x+ 2.x+ 5.x+ 1.x+ 5.9.x 2.6.x
TailwindcCSS TailwindcCSS pnpmRemixDevTool PrismaEchart RemixReact i18n Node.js Cypress Node.js 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 Edge FirefoxFirefox ChromeChrome SafariSafari
last 2 versions last 2 versions last 2 versions last 2 versions

Node.js support

Node.js Node.js pnpmpnpm PrismaPrisma RemixRemix
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💌

License

Copyright (c) 2023-present Yong-

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for remix-antd-admin

Similar Open Source Tools

For similar tasks

For similar jobs