strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
8 Commits 1 Branch 0 Tags 13 MiB
TypeScript 99%
CSS 0.8%
JavaScript 0.1%
7f14b69605
Go to file
Sam Becker 7f14b69605 Redirect when photo can't be retrieved
2023-09-05 10:26:18 -05:00
.vscode Init 2023-09-05 09:00:57 -05:00
public Init 2023-09-05 09:00:57 -05:00
src Redirect when photo can't be retrieved 2023-09-05 10:26:18 -05:00
.eslintrc.json Init 2023-09-05 09:00:57 -05:00
.gitignore Init 2023-09-05 09:00:57 -05:00
app-preview.png Add preview image to README 2023-09-05 09:46:54 -05:00
next.config.js Init 2023-09-05 09:00:57 -05:00
package.json Init 2023-09-05 09:00:57 -05:00
pnpm-lock.yaml Init 2023-09-05 09:00:57 -05:00
postcss.config.js Init 2023-09-05 09:00:57 -05:00
README.md Update README 2023-09-05 10:08:01 -05:00
tailwind.config.js Init 2023-09-05 09:00:57 -05:00
tsconfig.json Init 2023-09-05 09:00:57 -05:00

README.md

📷 Photo Blog

This template is in BETA.

Optimizations are still being made around auth and cache behavior.

Database schema changes are expected.

App Preview

Deploy with Vercel

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. Create Clerk account
  2. Add Clerk environment variables:
  • NEXT_PUBLIC_CLERK_SIGN_IN_URL
  • CLERK_SECRET_KEY
  • CLERK_ADMIN_USER_ID
  1. Create admin user (you'll use this to access /admin on your blog)
  2. Add admin user id to environment variables:
  • CLERK_ADMIN_USER_ID

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)