Code Monkey home page Code Monkey logo

remix-antd-admin's Introduction

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
pnpm
Zod
Prisma
Prisma
Remix
Remix
Node.js
Vite
Node.js
Vitest
Node.js
Antd
Node.js
ProComponent
18.x+ 4.x+ 8.x+ 5.x+ 2.x+ 5.x+ 1.x+ 5.9.x 2.6.x
TailwindcCSS
TailwindcCSS
pnpm
RemixDevTool
Prisma
Echart
Remix
React 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
Firefox
Firefox
Chrome
Chrome
Safari
Safari
last 2 versions last 2 versions last 2 versions last 2 versions

Node.js support

Node.js
Node.js
pnpm
pnpm
Prisma
Prisma
Remix
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💌

License

Copyright (c) 2023-present Yong-

remix-antd-admin's People

Contributors

yyong008 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

remix-antd-admin's Issues

page can not render properly

大佬好,刚接触 remix 想学习下,但是本地运行该项目后无法正常渲染页面。
访问页面只要点击任意 sidebar ,sidebar 就会消失,控制台报错
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
并且不断重复请求 remix.png 和 user.jpg
截图链接

BTW: https://remix-antd-admin.vercel.app/ 也无法正常打开

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.