strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
372 Commits 1 Branch 0 Tags 13 MiB
TypeScript 99%
CSS 0.8%
JavaScript 0.1%
7d45f44672
Go to file
Sam Becker 7d45f44672
Merge pull request #16 from sambecker/cache-refactor 
Simplify cache strategy
2023-11-19 00:25:41 -06:00
__tests__ Build out all film simulation pages 2023-11-06 10:05:20 -06:00
.vscode Add Fujifilm simulation data to FAQ 2023-11-09 18:10:41 -06: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 Remove edge runtimes 2023-11-18 14:29:50 -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-17 09:16:11 -06:00
pnpm-lock.yaml Bump dependencies 2023-11-17 09:16:11 -06:00
postcss.config.js Init 2023-09-05 09:00:57 -05:00
README.md Add Fujifilm simulation data to FAQ 2023-11-09 18:10:41 -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 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.

Q: Why aren't my Fujifilm simulations importing alongside EXIF data?
A: Fujifilm simulation data is stored in vendor-specific Makernote binaries embedded in EXIF data. Under certain circumstances an intermediary may strip out this data for a variety of reasons. For instance, there is a known issue on iOS where editing an image, e.g., cropping it, causes Makernote data loss. If your simulation data appears to be missing, try importing the original file as it was stored by the camera. Additionally, if you can confirm the simulation mode on camera, you can then edit the photo record and manually select it.