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: Full Stack Development with Next.js, Clerk, and Neon Postgres

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.