DEV Community

loading...
Cover image for Next JS Templates - A curated list

Next JS Templates - A curated list

sm0ke profile image Sm0ke Originally published at blog.appseed.us Updated on ・4 min read

Hello Coders,

This article presents a curated list with Next JS Templates, the popular React Framework used to build blazing fast web apps and static sites.
For newcomers, Next JS is a complete full-stack framework built on top of React.js useful to build static sites, APIs, and even full-stack applications.


Thank you! Content provided by AppSeed - App Generator.




Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!


Next.js Templates - Animated presentation.


What is NextJS

NextJS comes with an impressive set of features, almost ZERO configuration. A few reasons to use NextJS ar at least play a bit with this framework:

  • Built on top of React. If you are a React developer, the learning curve might be shorter
  • Internationalization - A feature heavily used in eCommerce products (not only)
  • SSG, SSR supported by default. No tweaks or hacking required.
  • Other goodies: Code-splitting, File-system routing, fast refresh

For more information feel free to access the official website:


NextJS Template - Material Dashboard

NextJS Material is an open-source Material-UI React Dashboard with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. NextJS Material Dashboard was built over the popular Material-UI, NextJS and React frameworks.



Next.js Template - NextJS Material Dashboard (Free Product).


NextJS Template - Material Kit

NextJS Material Kit is a Free Material Design Kit made for NextJS, React and Material-UI. NextJS Material Kit is built with over 100 individual frontend elements, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS and JSS (inside JS files) files and classes.



Next.js Template - Material Kit React (Free Product).


NextJS Template - Argon

NextJS Argon Dashboard is built with over 100 individual components, giving you the freedom of choosing and combining. This open-source React Dashboard can be customized with ease by updating the SAAS files shipped with the project.



Next.js Template - NextJS Material Dashboard (Free Product).


NextJS Template - Notus

Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Let Notus NextJS amaze you with its cool features and build tools and get your project to a whole new level.

Fully Coded Components Notus NextJS is built with over 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes (NOTE: each time you add a new class, a class that does not exist in assets/styles/tailwind.css, you will need to compile again tailwind).



Next.js Template - Notus, crafted with Tailwind CSS (Free Product).


Thanks for reading! For more resources please access:


Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

Discussion (5)

pic
Editor guide
Collapse
ixartz profile image
Rem W.

Thank for building this list.
If you don't mind, could you add this creativedesignsguru.com/category/n... to your list?
Also a list of templates for Next JS.

Collapse
sm0ke profile image
Sm0ke Author

Hello,
Ty for the link, I just had a look. I might be wrong but the content is entirely commercial.
Please reply with a NextJS Template freebie that has a public repository and I will add it to the list.
See u!

Collapse
ixartz profile image
Rem W.

Hello,
Thank you for your quick response.
You can find my open source template at this location: github.com/ixartz/Next-js-Boilerplate
There is another version for blogging: github.com/ixartz/Next-js-Blog-Boi...

You can check the demo here: creativedesignsguru.com/demo/Nextj... and creativedesignsguru.com/demo/Nextj...

Best.

Thread Thread
sm0ke profile image
Sm0ke Author

Ty! I'll get back after a quick test over your NextJS templates.

Collapse
crearesite profile image
WebsiteMarket

Thank you! I've used Gatsby & NextJS to play.
I was moving faster with NextJS - That GraphQL is too heavy if the current project is a small blog.