This is a Next.js project bootstrapped with create-next-app.

Getting Started

Install dependencies and run the development server with Bun:

bun install
bun dev

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

Galleries

This repo does not ship photos (they stay in Vercel Blob in production). For local-only testing, you can add public/photos/<gallery>/… on your machine; those image files are gitignored so they are not committed.

With local folders, the home page shows one preview per folder; /gallery/<folder-name> lists images. Optional: cover.jpg in a folder becomes the preview thumbnail.

Vercel Blob (optional)

To keep large images off the repo and deploy, use Vercel Blob:

1. In the Vercel dashboard, open this project (kate-gallery).

2. Go to Storage → create or select a Blob store, and connect it to this project. Until the store is linked to the project, BLOB_READ_WRITE_TOKEN will not exist for deployments or env pull.

3. Pull env vars locally (CLI ships with this repo — no global vercel install needed):

   bun run vercel:env

4. Confirm .env.local contains a line starting with BLOB_READ_WRITE_TOKEN=. If it does not, open Storage → your Blob store → Settings and copy the Read & write token, then add to .env.local manually:

   BLOB_READ_WRITE_TOKEN=vercel_blob_rw_...

5. Upload public blobs with paths like work/photo.jpg and graduation/photo.jpg (same folder layout as public/photos/).

When BLOB_READ_WRITE_TOKEN is set, the app reads from Blob instead of public/photos/. Uploads must be public so next/image can load them.

Sync from your local public/photos/ folders to Blob:

bun run sync-blob

The sync script reads BLOB_READ_WRITE_TOKEN from .env.local or .env (same files as Next.js).

This project uses next/font with Space Mono.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.