avatar
罗传月武(YueWu)@罗传月武(yuewu)
技术
学习

高效Web框架研究

E-Book

需求

  • 支持分析?
  • 支持中英文?
  • 支持带权限的文件下载?
  • 灵活性?
  • 社区支持?
  • 生态?

最新组合(结论)

坚持使用Nextjs作为web框架,后续配合payload。Directus依然可用。


前端UI框架

tailwind+daisyui

tailwind+nextui

技术栈组合

  1. 高度的可定制性,一定要灵活。
  2. 可在后期随时被替换掉,所以最好不与某平台、技术栈捆绑。

后端部分:AdonisJS/Directus/Supabase

前端库组合

前端框架

Frontend: Refine+Ark-ui+Daisyui完成管理面板;

Vike

Rine快速搭管理面板,后端数据用directus可以快速出成品。



想尝试:

Vike嵌入到AdonisJs来使用Directus的API。


后端框架(NODE)

AdonisJS

MVC,类Laravel

2015.10.11

15.3k

可控性较高,适合从头开发。

Directus

HeadlessCMS,管理面板很棒,UIFirst

2020.2.2

25.2k

可拓展性较高,同时也适合作为纯数据管理平台。可以套娃到任意其它后端对数据进行管理,不用了就把相关的表移除即可。

Payload

HeadlessCMS,CodeFirst。探索中

2018.4.8

18.8k


架构框架

Mini-Star

微内核框架,前后端都能用。主项目制定合约,暴露接口。副项目根据合约开发插件。

适合实现sass应用里的应用商店,制作可拔插设计的软件。

前端Web框架

框架相关系列

Next.js

偏全栈,SSR,turbo,捆绑React

2016.10.2


Remix

偏全栈,SSR,vite,捆绑React

2020.6.5


SvelteKit

偏全栈,捆绑Svelte

2020.10.11

17.5k

框架无关系列

Vike

meta框架,完全控制,vite

2021.1.24

Astro

内容驱动,可选UI或者SSR

2021.3.4

前端Javascript(组件)框架

React

虚拟Dom,tsx

2014.5.26


Vue

虚拟Dom,template

2016.4.10;Vue3是2018.9


Svelte

原生dom的vue

2016.11.13

76.1k

Solid

原生dom的react

2018.4.22

31k


前端管理面板

Refine

捆绑React,不捆绑UI,Headless

2021.1.24

配合daisyui+Ark-ui或者Park-ui

AdminJs

捆绑React,捆绑UI组件和CSS,

2021.3.4



前端UI组件库(Headless,框架无关)

https://ark-ui.com/

支持react,solid,vue

2021.1.24

配合daisyui或者park-ui 写样式

TanStack(Form,Table,Query)

支持react,vue,solid

2021.3.4


前端CSS库

Tailwind+Daysui

效率上,只要是tailwind写的,复制粘贴就能用。

CSSInJss类框架

这类框架尽可能避免,不利于以后迁移换技术栈。