# Heilige Drei Könige Website

This repository contains the source code for the Heilige Drei Könige Catholic Church website, built with:

- Next.js
- React
- Payload CMS v3
- PostgreSQL 

## Quick start

1) Requirements
- Node.js 22+ (see `engines` in `package.json`)
- npm (or your preferred package manager)
- Database PostgreSQL with PostGIS extension

2) Install dependencies
```bash
npm install
```

3) Configure environment
```bash
cp .env.example .env
```
Then update the values as needed. Example keys from `.env.example`:
- `DATABASE_URI` — database connection string (Mongo example provided). For Postgres, use a URL like `postgres://user:password@host:5432/dbname`.
- `PAYLOAD_SECRET` — secret used by Payload
- `GOOGLE_BUCKET` — GCS bucket name (if using @payloadcms/storage-gcs)
- `RESEND_API_KEY` — API key for Resend (emails)

4) Run the development server
```bash
npm run dev
```
By default the app runs at http://localhost:3000

## Database options

### PostgreSQL + PostGIS
You can run a Postgres image with PostGIS locally:
```bash
docker pull postgis/postgis
```
Create and run a container, then set your `DATABASE_URI` to the Postgres URL. Ensure the PostGIS extension is enabled in your database.

Alternatively, you can enable the Postgres service in `docker-compose.yml` (currently commented out) and use that as your local DB.

## Google Cloud Storage

Media and document uploads use `@payloadcms/storage-gcs`. The plugin is always registered but conditionally enabled via the `GOOGLE_BUCKET` environment variable:

- **`GOOGLE_BUCKET` set** — files are uploaded to GCS and served from `https://storage.googleapis.com/<bucket>/`.
- **`GOOGLE_BUCKET` unset** — the plugin is disabled and Payload falls back to local file storage. The `alwaysInsertFields` flag keeps the schema identical in both cases, so `payload-types.ts` and `importMap.js` stay stable across environments.

No additional configuration is needed for local development — simply omit `GOOGLE_BUCKET` from your `.env`.

## Migrations (Payload)

Create a new migration:
```bash
npm run payload migrate:create --<name>
```

Apply pending migrations:
```bash
npm run payload migrate
```

Note: After deploying changes to production, ensure migrations are executed against the production database. (Todo: Integrate this step into Continuous Deployment.)

## Admin panel (Payload)
Once the server is running, open:
- http://localhost:3000/admin

## Recurring mass times (jobs queue)

Churches have a `recurringSchedule` field on their admin page where editors can
configure wiederkehrende Gottesdienste — weekly, biweekly (with an anchor date
for the 2-week parity), or monthly by weekday (e.g. every 3rd Sunday). These
entries are not rendered directly: a background job materializes them into real
`Worship` documents for a rolling window a few weeks into the future, so the
existing `MassTimesBlock`, gemeinde pages and `/gottesdienst/{id}` detail pages
work unchanged. Generated documents are normal `Worship` docs — an editor can
still cancel a specific occurrence, change the celebrant, etc., and the job
will never overwrite manual edits (it only ever appends new rows).

The task is defined in `src/jobs/generateRecurringMasses.ts` and is triggered
three ways:

1. **On save** — `Churches.afterChange` queues a job whenever a schedule is
   edited.
2. **Weekly cron** — the task carries its own `schedule` so Payload auto-queues
   it every Monday at 03:00 to keep the rolling window populated.
3. **Manually** — queue from code with
   `payload.jobs.queue({ task: 'generateRecurringMasses' })`, or run the full
   queue from the CLI:
   ```bash
   npm run payload jobs:run --cron "* * * * *" --queue default
   ```

`autoRun` in `payload.config.ts` only fires in production
(`NODE_ENV === 'production'`), so in development you either need the CLI
command above, flip `shouldAutoRun` to `true` temporarily, or hit the "Run now"
button on the Payload Jobs admin page.

> Note: Payload's `autoRun` requires a long-running server. This project ships
> via Docker, so that's fine — but if the app ever moves to a serverless host
> like Vercel, `autoRun` must be replaced with an external cron (e.g.
> Vercel Cron) that invokes the CLI command above.

## Scripts
Common scripts available in `package.json`:
- `npm run dev` — start Next.js dev server
- `npm run build` — build for production
- `npm start` — start the production server
- `npm test` — run tests (Vitest)
- `npm run storybook` — start Storybook on port 6006

## Storybook
Storybook lets you develop and preview UI components in isolation.

Start Storybook:
```bash
npm run storybook
```
Open http://localhost:6006

## Site Metadata

Site-wide metadata (title, description, keywords, OpenGraph) is configured in `src/config/site.ts`. Update that file to change SEO defaults used in the root layout.

## A note on updating dependencies

Payload CMS and Next.js are pinned to specific versions. From the Payload docs we currently have the following requirements (March 2026):

> Next.js (one of the following version ranges):
15.2.9 - 15.2.x
15.3.9 - 15.3.x
15.4.11 - 15.4.x
16.2.0-canary.10+