DEV Community

Cover image for How to make Next.JS starter template.
Abhay Prajapati
Abhay Prajapati

Posted on

5 2

How to make Next.JS starter template.

Who 🥱likes boilerplate code?
no one, we in our inner 🤯mind want to automate 🤖boring, repetitive task👷.
Like writing config files📂. install packages📦, and all.
if you want to automate your next.js setup you can start making your own template for Next.js.
That's too easy🙋.

Initially start you nextjs project and set it up,
install the package n' all which you would have in your template.

then after doing this stuff,
😺🐙GitHub comes to play▶️.
make a GitHub repo, write the name for the repo, remember that the name which you will set now will be used to make the clone so, set the name properly.

after setting the repo, push the code💪.

after doing this stuff. got to
the setting of specific repo and find ☑️template checkbox,
make sure you ✅ check that, after doing this.
now your repo is ready 👟to be used as a template. and nothing else.

npx create-next-app <githuburl> <appname>
Enter fullscreen mode Exit fullscreen mode

🙌
you have to build your first template/

checkout 🙈 my template i have build Next.JS TailwindCSS+MongoDb+Typescript

Next starter Screen Shot

Next.js-TailwindCSS-MongoD Starter Template

🙌
Keep 🧑‍💻

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay