下一页JS Material Kit - 免费TypeScript模板

318 阅读1分钟

编码员们好!

本文介绍了一个开源的NextJS模板,最近更新到TypeScript,和up-to-date dependencies (React v18,NextJS v12.3)。该产品基于允许性(MIT)许可,可用于商业项目或电子学习活动。对于新人来说,NextJS是一个强大的React Framework ,用于以速度编码极快的全栈应用程序。谢谢你的阅读!

NextJS Material Kit - Login card (free React Template)

✨ 如何使用它

作为一个开源项目,NextJS Material Kit可以从Github下载,并使用经典工具如NPMYarn 进行本地编译。正如项目README上所说的,这些源码已经用Node v16.x,v18.x 进行了测试,为了避免运行时或编译时的意外,使用它们可能是一个好主意。

👉Step #1- Clone the repo

$ git clone https://github.com/app-generator/nextjs-material-kit
$ cd nextjs-material-kit

👉 第2步- 安装模块

$ yarn 
// OR
$ npm i

👉步骤#3- 启动应用程序

$ yarn start
// OR
$ npm run start

👉步骤#4- 静态输出

$ yarn export
// OR
$ npm run export

静态网站在out 目录中生成。

✨ 产品亮点

UI是由100多个独立的前端元素构建的,让你可以自由选择和组合。所有的组件都可以采取不同的颜色,开发人员可以使用SASS和JSS(JS文件内部)文件和类来轻松修改:

  • ✅现代堆栈。 React /NextJS
  • TypeScript
  • ✅ Vercel和Netlify的一键式部署
  • ✅ 积极的版本管理

示例页面- 如果你想获得灵感或只是直接向你的客户展示一些东西,你可以用我们预建的示例页面快速启动你的开发。

NextJS Material Kit - Carousel (free React Template)

NextJS Material Kit - UI Components (free React Template)

NextJS Material Kit - Team Cards (free React Template)