Yet another Next.js starter kit. My way.
But this one without all that boilerplate that you end up removing. Just replacing it.
I often come across next.js projects that aim to be a good way to start a new project but I always need to either remove lots of stuff from it or add very basic stuff (like SEO, come on).
So, I started to create my own. Very simple, yet powerful by default.
- ALMOST EMPTY: Easy to start. Should fit any project.
- TYPESCRIPT: With the basic
- TAILWINDCSS: JIT mode. Synced with CSS variables. Check these files for more info:
- DARK MODE: Automatic for user with dark mode enabled. Exposes:
const [theme, toggleTheme] = useTheme().
- SEO: Very basic SEO config with
next-seo, taking values from
- LINTING: Basic eslint/prettier config. Check both on
package.json. Prettier is autorun on pre-commit with
Here’s a live demo.
As you can see in the list, they're basic stuff that probably 90% of devs would want on a new project. Don't like dark mode? Don't use it, but it's there for you. Don't like typescript? You should. Don't like tailwind? Ok then don't use the kit cause you'll hate it.
Go ahead and generate a project from this template! As the first steps, you can:
- modify the
config.jsto fit your website (it will be the default SEO).
- modify the color palette at
- modify the favicon at