strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
326 Commits 1 Branch 0 Tags 13 MiB
TypeScript 99%
CSS 0.8%
JavaScript 0.1%
f728e3981b
Go to file
Sam Becker f728e3981b Build out all film simulation pages
2023-11-06 10:05:20 -06:00
__tests__ Build out all film simulation pages 2023-11-06 10:05:20 -06:00
.vscode Tweak spelling dictionary 2023-10-31 12:13:01 -05:00
public Init 2023-09-05 09:00:57 -05:00
readme Update og image samples in README 2023-10-16 08:53:59 -05:00
src Build out all film simulation pages 2023-11-06 10:05:20 -06:00
.eslintrc.json Init 2023-09-05 09:00:57 -05:00
.gitignore Init 2023-09-05 09:00:57 -05:00
jest.config.mjs Refactor paths/escape handling, add test coverage 2023-09-29 13:40:08 -05:00
next.config.js Upgrade to Next.js 14 2023-10-30 18:06:29 -05:00
package.json Bump dependencies 2023-11-02 19:35:15 -05:00
pnpm-lock.yaml Bump dependencies 2023-11-02 19:35:15 -05:00
postcss.config.js Init 2023-09-05 09:00:57 -05:00
README.md Add fujifilm simulations to /grid sidebar 2023-11-05 12:42:00 -06:00
tailwind.config.js Tweak rotation animation for safari 2023-09-27 10:16:27 -05:00
tsconfig.json Init 2023-09-05 09:00:57 -05:00

README.md

📷 EXIF Photo Blog

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

Deploy with Vercel

Demo 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
  • Support for Fujifilm film simulations
OG Image Preview

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
  1. 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. Run pnpm i to install dependencies
  3. Set environment variable AUTH_URL locally (not in production) to http://localhost:3000/api/url (this is a temporary limitation of next-auth v5.0)
  4. Run vc dev to start dev server, and 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

  • NEXT_PUBLIC_PRO_MODE = 1 enables higher quality image storage
  • NEXT_PUBLIC_PUBLIC_API = 1 enables public API available at /api
  • NEXT_PUBLIC_OG_TEXT_ALIGNMENT = BOTTOM keeps OG image text bottom aligned (default is top)
  • NEXT_PUBLIC_HIDE_REPO_LINK = 1 removes footer link to repo
  • NEXT_PUBLIC_HIDE_FILM_SIMULATIONS = 1 prevents Fujifilm simulations showing up in /grid sidebar

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 "Clear Cache" button.

Q: I'm seeing server-side runtime errors when loading a page after updating my fork. What do I do?
A: Navigate to /admin/configuration and click "Clear Cache" button. If this doesn't help, open an issue.