Fullstack Invoice Manager with Next.js 14

Tech stack:

---

A complete fullstack project built with Next.js 14 (App Router) and MongoDB, where you can create, read, update, delete, search, paginate, and email invoices. This app uses React Hook Form with Zod validation, and server actions for smooth backend operations.

The UI is styled using Tailwind CSS and enhanced with:

• Radix UI components
• Lucide Icons
• React Toastify
• Tailwind animations
• Tooltips via rc-tooltip

For database handling, the app uses Mongoose to interact with MongoDB.

Key Features

• ✅ CRUD operations with Server Actions
• 🔍 Debounced search using use-debounce
• 📄 Pagination via react-paginate
• ✅ Form validation with @hookform/resolvers and Zod
• 🎨 Beautiful and accessible components with shadcn/ui
• 💨 Styling with Tailwind CSS
• ♻️ Utility classes managed with clsx and tailwind-merge

This project is a great starting point for anyone looking to build modern fullstack applications with real-world features using Next.js 14.

📺 Inspired by this awesome YouTube