Vercel/README.md

📷 EXIF Photo Blog

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

This template is in BETA

Optimizations are still being made around data cache behavior

Database schema changes are possible in the future

1-click Deploy to Vercel

Example App

https://photos.sambecker.com

Features

• Image upload with EXIF extraction
• Inifite scroll
• Image tagging
• 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. Remove repo link (optional)

1. Set NEXT_PUBLIC_HIDE_REPO_LINK = 1