The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19

example-app

---

This application uses a client - server architecture as monorepo.

The client stack is:

• Vite
• React
• Tanstack Router
• Better-Auth
• Tanstack Query (upcoming)
• TailwindCSS
• Shadcn UI
• Comprehensive Tailwindcss Theme: C64

The server stack is:

• Bun
• Hono
• PostgreSQL
• Prisma
• Better-Auth
• Zod (upcoming)

How to run the application

Run the server

1. Navigate to the server directory and run bun install to install the dependencies.
2. Create the .env file and add the environment variables from the .env.example file.

BETTER_AUTH_SECRET=
BETTER_AUTH_URL=

GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

DATABASE_URL=

3. Run bun run dev to start the development server.

Run the client

1. Navigate to the client directory and run bun install to install the dependencies.
2. Run bun run dev to start the development server.

Monorepo (Bun + Turborepo)

This repository is a Bun-based monorepo using Turbo to orchestrate tasks across packages.

Install dependencies at the project root and add Turbo (PowerShell examples):

bun install
bunx --bun turbo@latest

Examples — run Turbo across the monorepo (PowerShell):

# build all packages matching apps/*
bunx turbo run build --filter=apps/*

# start the client app only
bunx turbo dev --filter=apps/client

# run lint and tests in parallel across the repo
bunx turbo run lint test --parallel

Shadcn component install (example targeted to the client app):

bunx --bun shadcn@latest add button --filter=apps/client

Notes:

• Use --filter to target specific packages (e.g. --filter=apps/client).
• Prefer bunx or bun run to invoke binaries installed in the repo.