Build a Finance SaaS Platform With Nextjs, React, Honojs with CSV Upload (2024)
输入“/”快速插入内容
Build a Finance SaaS Platform With Nextjs, React, Honojs with CSV Upload (2024)
Build a Finance SaaS Platform With Nextjs, React, Honojs with CSV Upload (2024)
飞书用户25210月23日修改
目标
•
全栈技术
•
Dashboard 怎么写
技术栈
•
数据库：
◦
Neon：数据库云服务平台
◦
PostgreSQL
•
后端：
◦
框架：Nextjs
◦
api开发：Honojs
◦
数据库连接：Drizzle ORM
◦
类型定义、安全：zod
•
前端
◦
框架：Nextjs
◦
与后端的交互：
▪
请求管理：Tanstack：react query
▪
类型安全：Hono TRPC
▪
请求客户端：Hono Client
◦
组件原型：shadcn-ui
◦
Form
▪
react-form-hook
◦
Table
▪
Tanstack table
◦
Chart
▪
基于：rechart
▪
使用了：shadcn-ui chart
◦
DataCard
▪
数字变化：react-countup
▪
日期格式化显示：date-fns
◦
侧边弹出式表单
▪
Zustand 全局状态管理
▪
配合shadcn sheet
•
鉴权
◦
Clerk Auth
技术框架
画板
知识点
1.
登录，注册，权限
2.
Form 表单
a.
框架
画板
表单组件的状态在组件内部维护
▪
自己维护
•