I recently created a starter template and wanted to share the process behind it.
If you’re not interested in the process, here’s the link: paras594/react-starter-template
For those who are interested, read ahead.
The Problem
I like building projects for fun and experimentation, but I always had one main problem: project setup. I’ve become well-versed in it and have no fear of getting started, but it’s inefficient and damn slow. It slows me down that I have to spend a chunk of my time on setup instead of actually building the project.
Sometimes I used Next.js for its defaults with routing, data fetching, and optimizations out of the box. Other times I went with custom setups and Vite. In the past I was dabbling with webpack and custom configurations, but with time it all changed and I never finalized one single approach.
Even though I always thought of building templates I could reuse, I either didn’t get the time or was too focused on the project that I let the templating part slip—until now.
The Solution
I found degit out of nowhere. I knew about it but never gave enough thought to it. But this time I understood my goal: have a template setup and add degit to the whole thing.
I quickly sat down, used the Vite + React default template, and invested time in a few key decisions on what to include.
My Goals with the Template
- Flexible and extensible – Should adapt to different project needs
- Reliable folder structure – Something you get familiar with over time
- Formatting and linting support – Without requiring tons of configuration
- Styling and components – Easy to get started with
What Made the Cut
- Vite + React – Fast builds and development server
- TanStack Router – File-based routing with better type safety
- TanStack Query – Data fetching & server state management
- Tailwind + DaisyUI – Utility-first styling with ready-to-use components
- Biome – Linting and formatting
- TypeScript – Type safety
- PWA support – Progressive web app features
The goal was simple: clone the repo and start building features on day one.
Why These Choices?
- Vite is fast,
- TanStack Router provides a cleaner approach to handling routing than React Router,
- TanStack Query takes care of all the boilerplate that comes with data fetching,
- Tailwind + DaisyUI gives great default components without writing tons of classes,
- Biome avoids the hassle of keeping ESLint and Prettier updated while eliminating config bloat.
How It Evolves
I actually use this template for my own projects, which means it stays current with my real-world needs. Dependabot keeps the dependencies updated, and I add or remove things as I encounter them in actual development.
I’m also considering branches for different use cases – maybe a minimal version, or branches with specific additions like authentication or database integration. The idea is to have options without bloating the main template.
The template is on GitHub: paras594/react-starter-template
Follow the steps in README and you are good to go.
Final Thoughts
This template isn’t revolutionary – it’s just a collection of tools that work well together and let you focus on building features instead of configuration. Feel free to use it if it matches what you usually reach for, or ignore it if your stack is different.
