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

1. Set NEXT_PUBLIC_HIDE_REPO_LINK = 1 to remove footer link to repo
2. Set NEXT_PUBLIC_PRO_MODE = 1 to enable higher quality image storage