strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
125 Commits 1 Branch 0 Tags 13 MiB
TypeScript 99%
CSS 0.8%
JavaScript 0.1%
17de7a3c9b
Go to file
Sam Becker 17de7a3c9b Add example app to README
2023-09-20 11:12:22 -05:00
.vscode Switch photo ids to nanoids 2023-09-19 16:26:49 -05:00
public Init 2023-09-05 09:00:57 -05:00
readme Add features and og image preview to README 2023-09-20 11:00:34 -05:00
src Upgrade sonner 2023-09-20 09:00:44 -05:00
.eslintrc.json Init 2023-09-05 09:00:57 -05:00
.gitignore Init 2023-09-05 09:00:57 -05:00
next.config.js Reduce home og image size 2023-09-11 12:52:33 -05:00
package.json Upgrade sonner 2023-09-20 09:00:44 -05:00
pnpm-lock.yaml Upgrade sonner 2023-09-20 09:00:44 -05:00
postcss.config.js Init 2023-09-05 09:00:57 -05:00
README.md Add example app to README 2023-09-20 11:12:22 -05:00
tailwind.config.js Switch to custom spinner with color tweaks 2023-09-12 19:27:00 -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/7df7c406-5c89-45ce-8a09-9afff30a7b49

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

Deploy with 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
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. 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