Day 58 of #100DayOfCode — Building Task Management CRUD App with Next.js

For Day 58 of my #100DaysOfCode journey, my goal was to build a basic but fully functional Task Management App using Next.js. Up until this point, I had been learning individual Next.js concepts: server and client components, routing with the App Router, data fetching and caching, API routing, server actions, and connecting to a MongoDB database. I felt confident with each concept in isolation, but I hadn't yet put them all together in a single project. So today's goal was simple: build something real, something CRUD-based, that forces me to use everything I've learned so far in one place. What I Built The app is a simple Task Manager where you can create, view, edit, and delete tasks. Each task has a title, description, and a status (pending, in-progress, or completed). The app has three pages and three components: Pages: /tasks — displays all tasks stored in the database /tasks/new — a form to create a new task /tasks/[id] — a pre-filled form to edit an existing task Components: Task