NextJS Material Kit - Free TypeScript Template

#nextjs #opensource

Hello Coders!

This article presents an open-source NextJS Template recently updated to TypeScript, and up-to-date dependencies (React v18, NextJS v12.3). The product, based on the permissive (MIT) license, can be used in commercial project or eLearning activities. For newcomers, NextJS is a powerful React Framework used to code blazing fast full-stack apps with speed. Thanks for reading!

👉 NextJS Material Kit - LIVE demo
👉 NextJS Material Kit - source code

✨ How to use it

Being an open-source project, NextJS Material Kit can be downloaded from Github and compiled locally using classic tools like NPM or Yarn. As stated on the project README, the sources were tested with Node v16.x, v18.x and might be a good idea to use them in order to avoid runtime or compilation surprises.

👉 Step #1 - Clone the repo

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

👉 Step #2 - Install modules

$ yarn 
// OR
$ npm i

👉 Step #3 - Start the app

$ yarn start
// OR
$ npm run start

👉 Step #4 - Static Export

$ yarn export
// OR
$ npm run export

The static site is generate in the out directory.

✨ Product Highlights

The UI is built with over 100 individual frontend elements, giving you the freedom of choosing and combining. All components can take variations in color, which developers can easily modify using SASS and JSS (inside JS files) files and classes.

✅ Modern stack: React / NextJS
✅ TypeScript
✅ One-Click Deploy for Vercel & Netlify
✅ Active versioning

Example Pages - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.