Next.js 7Ant Design TypeScript仪表板模板
黑白配色的 Ant Design 仪表板,搭配 Next.js 7 和 TypeScript,挺适合想快速起个前端项目的你。整个界面风格干净利落,组件也基本到位,不用你从零搭建 UI 框架,省心多了。
Next.js 7 的路由配起来还是老样子,清爽直观。加上TypeScript,类型提示做得比较到位,写起来更放心。代码结构也挺清晰,pages
、components
、utils
分得明明白白,适合用来做项目模板。
Ant Design配合 Next.js 用起来还不错,像Menu
、Layout
这些组件都已经加好了。你只要把自己的接口接进去,逻辑一填就能跑。LeanCloud 的 API 做数据展示也方便,想试的话记得先把APP_ID
和API_KEY
换掉。
开发流程比较丝滑,npm run dev
直接起服务,响应也快。对了,整个项目是用 TypeScript 写的,虽然不是强制写泛型和接口,但用起来还是蛮舒服的,尤其多人协作的时候。
如果你正好要做个简单后台,或者想看看Next.js+Ant Design+TypeScript怎么搭配,可以直接 fork 或者 clone 试试。别忘了把自己的 key 换上,不然数据不出哦~
457.77KB
文件大小:
评论区