the-biergarten-app/docs/website/getting-started.md

Getting Started

This guide covers local setup for the current Biergarten stack: the .NET backend in web/backend and the active React Router frontend in web/frontend.

Prerequisites

• .NET SDK 10+
• Node.js 18+
• Docker Desktop or equivalent Docker Engine setup
• Java 8+ if you want to regenerate PlantUML diagrams

Recommended Path: Docker for Backend, Node for Frontend

1. Clone the Repository

git clone <repository-url>
cd the-biergarten-app

2. Configure Backend Environment Variables

cp web/.env.example web/.env.dev

At minimum, ensure .env.dev includes valid database and token values:

DB_SERVER=sqlserver,1433
DB_NAME=Biergarten
DB_USER=sa
DB_PASSWORD=YourStrong!Passw0rd
ACCESS_TOKEN_SECRET=<generated>
REFRESH_TOKEN_SECRET=<generated>
CONFIRMATION_TOKEN_SECRET=<generated>
WEBSITE_BASE_URL=http://localhost:3000

See Environment Variables for the full list.

3. Start the Backend Stack

docker compose --env-file web/.env.dev -f web/docker-compose.dev.yaml up -d

This starts SQL Server, migrations, seeding, the API, and Mailpit (local dev SMTP).

Available endpoints:

• API Swagger: http://localhost:8080/swagger
• Health Check: http://localhost:8080/health
• Mailpit UI: http://localhost:8025

4. Start the Active Frontend

cd web/frontend
npm install
API_BASE_URL=http://localhost:8080 SESSION_SECRET=dev-secret-change-me npm run dev

The website will be available at the local address printed by React Router dev.

Required frontend runtime variables for local work:

• API_BASE_URL - Base URL for the .NET API
• SESSION_SECRET - Cookie session signing secret for the website server

5. Optional: Run Storybook

cd web/frontend
npm run storybook

Storybook runs at http://localhost:6006 by default.

Useful Commands

Backend

docker compose --env-file web/.env.dev -f web/docker-compose.dev.yaml logs -f
docker compose --env-file web/.env.dev -f web/docker-compose.dev.yaml down
docker compose --env-file web/.env.dev -f web/docker-compose.dev.yaml down -v

Frontend

cd web/frontend
npm run lint
npm run typecheck
npm run format:check
npm run test:storybook
npm run test:storybook:playwright

Manual Backend Setup

If you do not want to use Docker, you can run the backend locally.

1. Set Environment Variables

export DB_CONNECTION_STRING="Server=localhost,1433;Database=Biergarten;User Id=sa;Password=YourStrong!Passw0rd;TrustServerCertificate=True;"
export ACCESS_TOKEN_SECRET="<generated>"
export REFRESH_TOKEN_SECRET="<generated>"
export CONFIRMATION_TOKEN_SECRET="<generated>"
export WEBSITE_BASE_URL="http://localhost:3000"

2. Run Migrations and Seed

cd web/backend
dotnet run --project Database/Database.Migrations/Database.Migrations.csproj
dotnet run --project Database/Database.Seed/Database.Seed.csproj

3. Start the API

dotnet run --project API/API.Core/API.Core.csproj

Legacy Frontend Note

The previous Next.js frontend lives in archive/next-js-web-app/ for reference only and is not the active website.

Next Steps

• Review Architecture
• Run backend and frontend checks from Testing
• Use Docker Guide for container troubleshooting