Vercel/README.md

📷 EXIF Photo Blog

https://github.com/sambecker/exif-photo-blog/assets/169298/4253ea54-558a-4358-8834-89943cfbafb4

Example App

https://photos.sambecker.com

Features

• Photo upload with EXIF extraction
• Organize photos by tag and camera model
• Infinite scroll
• Built-in auth
• Light/dark mode
• Automatic OG image generation

Installation

1. Deploy to Vercel

1. Click Deploy
2. Add required storage (Vercel Postgres + Vercel Blob)
3. Add environment variables

• NEXT_PUBLIC_SITE_TITLE (e.g., My Photos)
• NEXT_PUBLIC_SITE_DOMAIN (e.g., photos.domain.com)
• NEXT_PUBLIC_SITE_DESCRIPTION (optional—mainly used for OG meta)

2. Setup Auth

1. Generate auth secret
2. Add to environment variables:

• AUTH_SECRET

3. Add admin user to environment variables:

• ADMIN_EMAIL
• ADMIN_PASSWORD

3. Upload your first photo

1. Visit /admin
2. Click "Choose File"
3. Title your photo
4. Click "Create"

4. Develop locally

1. Clone code
2. Install dependencies pnpm i
3. Run vc dev to utilize Vercel-stored environment variables

5. Add Analytics (optional)

1. Open project on Vercel
2. Click "Analytics" tab
3. Follow "Enable Web Analytics" instructions (@vercel/analytics is already part of your project)

6. Optional configuration

• Set NEXT_PUBLIC_HIDE_REPO_LINK = 1 to remove footer link to repo
• Set NEXT_PUBLIC_PRO_MODE = 1 to enable higher quality image storage
• Set NEXT_PUBLIC_PUBLIC_API = 1 to enable a public API available at /api
• Set NEXT_PUBLIC_OG_TEXT_ALIGNMENT = BOTTOM to keep OG image text bottom aligned (default is top)

FAQ

Q: My images/content have fallen out of sync with my database and/or my production site no longer matches local development. What do I do?
A: Navigate to /admin/configuration and click the "Clear Cache" button.