bradtraversy/expense-tracker-nextjs

Next.js app to track income & expenses. Uses Neon database with Prisma and Clerk for authentication

Expense Tracker (Next.js, TypeScript, Neon & Clerk)

Application for tracking income and expenses. It uses Next.js with Neon to persist data and Clerk for authentication.

Watch The Tutorial

Try Demo

Usage

Install dependencies:

npm install

Add Environment Variables:

Rename the .env.example file to .env.local and add the following values:

• DATABASE_URL: Your db string from https://neon.tech
• NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: Your Clerk public frontend API key from https://dashboard.clerk.dev/settings/api-keys
• CLERK_SECRET_KEY: Your Clerk secret key from https://dashboard.clerk.dev/settings/api-keys

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.