Invoice SaaS with Next.js and Neon

A modern, scalable invoicing Software-as-a-Service (SaaS) application built with Next.js and powered by Neon Postgres.

Overview

This project demonstrates how to build a robust, full-featured invoicing system. It leverages the power of Next.js for a seamless, combined with the scalability and performance of Neon's serverless Postgres database.

Tutorial

This project is based on the following tutorial: Writing is in progress, I'll add the link once it's live.

Key Features

🚀 Fast, responsive UI built with Next.js
💾 Serverless PostgreSQL with Neon for efficient data management
📊 Real-time invoice creation, editing, and management
🔐 Secure user authentication with Clerk

Tech Stack

Frontend: Next.js, Tailwind CSS
Backend: Node.js, Express (API routes in Next.js)
Database: Neon Postgres
Authentication: Clerk
Deployment: Vercel (frontend), Neon (database)

Prerequisites

Node.js (v14 or later)
npm or yarn
Git

Getting Started

Clone the repository.
Create a Neon project
Create a Clerk email authentication project
Get your Resend API key
Create a .env.local file containing the following credentials:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEON_DATABASE_URL=
RESEND_API_KEY=r

Run npm i to install the project dependencies.
Run npm run db-create to create the database tables.
Start the development server by running: npm run dev.