从零打造一款基于Nextjs+antd5.0的中后台管理系统

摘要

徐小夕近期开发了一个基于Next.js的后台管理系统Next-Admin，旨在帮助开发者学习和参考。该项目的源代码和演示均已公布。

为什么要用Next.js

• Next.js提供服务端渲染（SSR）和静态生成（SSG）能力，减少加载时间，提升性能和SEO。
• Next.js具有高效的服务端渲染和静态页面生成功能。
• 有规则化的路由系统，规范的API开发模式，支持单页应用和多页应用。
• 部署和开发成本低，前后端同构。

基于上述优点，徐小夕决定在后续的产品和系统开发中采用Next.js。

Next-Admin特点

• 整合了antd5.0，支持实时切换主题和复用设计语言。
• 特点包括内置的登录注册页面、可拖拽的数据报表、监控大屏页面、搜索列表、支持内嵌第三方系统如表单搭建引擎，空白Landing页面以及国际化和一键换肤功能。

国际化和换肤

Next-Admin使用了next-intl模块实现国际化，提供了暗模式和明模式的一键切换。

结语

徐小夕鼓励开发者使用Next-Admin作为学习和开发后台管理系统的基础，并邀请大家贡献代码，共同完善项目。此外，徐小夕还将分享更多关于Next.js的实战项目和可视化零代码实战经验。