DEV Community

Cover image for A Real-Time Kanban Board with Next.js
Vishal
Vishal

Posted on

A Real-Time Kanban Board with Next.js

I always wanted to build something that solves a real problem… not just another clone project.
So I decided to challenge myself — as a student and a beginner — to build my first SaaS-style project.

After a lot of confusion, debugging, and learning things the hard way…
I finally built DevHub

It’s a real-time Kanban board where you can manage tasks easily — simple, clean, and actually useful.

What I tried to focus on:

  • Real-time updates (no refresh needed)
  • Clean and minimal UI
  • Simple workflow (drag, drop, done)
  • Backend structure that I can explain in interviews

Tech stack:
Next.js, PostgreSQL, Prisma, NextAuth, Socket

This is my first time building something like this, so I know it’s not perfect.
But I wanted to move beyond tutorials and understand how real products are built.

🔗 Live Demo: https://devhub-swart.vercel.app/

I would really appreciate feedback — especially on:

  • Backend structure
  • Database design
  • What I can improve to make it more “production level”

Still learning, still building.

webdevelopment #nextjs #studentdeveloper #saas #buildinpublic

Top comments (0)