Hey, dev.to crew! 👋 I’m excited to share something we at @keenthemes have been working on—a new open-source library called CrudHunt, a free toolkit for building full-stack CRUD apps with Next.js. If you’ve ever wanted to spin up a solid Create-Read-Update-Delete setup without reinventing the wheel, this might just be your new go-to.
What’s CrudHunt All About?
CrudHunt is designed to take the grunt work out of building full-stack apps. It’s packed with everything you need to get a Next.js project up and running with a fully functional CRUD system—no fuss, no muss. Here’s the stack we’re working with:
- Frontend: Next.js 15, React 19, Radix UI, Tanstack and Tailwind CSS 4 for a sleek, modern UI.
- Backend: Next.js API routes paired with Prisma ORM for smooth data handling.
- Database: PostgreSQL, hooked up via Prisma and Supabase for a reliable, scalable foundation.
- Foundation: 50+ high-quality, copy-and-paste React components with RTL/Dark mode support to jumpstart your UI builds.
Think of it as a starter kit that’s ready to roll but flexible enough to bend to your project’s needs. Whether you’re prototyping a side hustle or building something production-ready, CrudHunt’s got your back.
Why We Built This ?
Let’s be real—CRUD apps are the backbone of so many projects, but setting them up from scratch can feel like a chore. I wanted a way to streamline that process while sticking to tools I already love: Next.js for its versatility, Prisma for its ORM magic, and Supabase for its database simplicity. The goal? Cut the boilerplate, keep it open-source, and let devs like us focus on the fun stuff—building features, not scaffolding.
What’s Inside?
- Pre-built CRUD operations (create, read, update, delete) wired up and ready to use.
- A clean, responsive frontend with Tailwind styling.
- Backend API routes that play nice with Prisma and PostgreSQL.
- Easy integration with Supabase for database management.
It’s all open-source, so you can dive into the code, tweak it, or even contribute.
UI Components
About a year ago, I started digging into Shadcn, and honestly, I fell in love with it. The simplicity, the elegance, the way it just worked—it was a game-changer for building clean UIs fast. That sparked an idea: why not take that inspiration and create my own set of components? But I didn’t want to stop at just UI pieces. I wanted something bigger—a full toolkit tailored for CRUD apps. So, CrudHunt was born. It includes 50+ beautifully crafted React components, Shadcn inspired but leveled up with more flexibility. Each component comes with multiple variants, styles, and customization options, giving you the freedom to tweak them to fit your vibe without any hassle.
Abstraction
CrudHunt uses Next.js API routes to power full-stack CRUDs, blending frontend and backend logic seamlessly. Don’t vibe with Next.js on the backend? No problem—the API is portable to stacks like Nest.js, Django REST Framework, ASP.NET Core, Laravel, FastAPI, Spring Boot, Ruby on Rails, or any HTTP-speaking backend. The React frontend is just as flexible, easily porting to Vite, Remix, TanStack Start, Create React App, Astro, Gatsby, and more. Pick your tools, and CrudHunt adapts.
Let’s Try It Out
Getting started is super easy. Clone the repo, install the dependencies, hook up your Supabase instance, and you’re off to the races. In just a few commands, you’ll have a working CRUD app you can start customizing. Head over to the Installation Guide for the full rundown. I’ll also be posting a follow-up with a step-by-step walkthrough soon, so stay tuned if you want a guided tour.
What’s Next?
This is just the kickoff for CrudHunt! We’re gearing up to supercharge it with advanced CRUDs like CRM, ERP, eCommerce, FinTeck modules, plus a richer set of UI components and templates. Our goal is turn CrudHunt into your one-stop library for building entire apps quicker than ever before.
Join the Hunt!
Ready to give CrudHunt a spin? Head over to the CrudHunt Repo, fork it, play around, and let us know what you think.
Related Links
- CrudHunt Installation Guide - Get started with step-by-step instructions.
- CrudHunt Components - Explore the 50+ Shadcn-inspired React components.
- CRUDs Live Demos - See CrudHunt in action with live examples.
- CrudHunt on Github - Check out the source code and contribute.
Happy coding, folks! 🚀
By @shuxer, co-founder of @crudhunt, @keenthemes
Top comments (0)