Go to file
2023-09-05 09:24:47 -05:00
.vscode Init 2023-09-05 09:00:57 -05:00
public Init 2023-09-05 09:00:57 -05:00
src Init 2023-09-05 09:00:57 -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 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 09:24:47 -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

📷 Photo Blog (BETA)

This template is in BETA. Optimizations are still being made around auth and cache behavior. Database schema changes are expected.

Deploy with Vercel

1. Deploy to Vercel

  1. Click Deploy
  2. Add required storage
  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 Vercel Postgres

  1. Visit the Storage tab on your project
  2. Click "Create Database"
  3. Select Postgres

3. Setup Vercel Blob

  1. Visit the Storage tab on your project
  2. Click "Create Database"
  3. Select Blob

4. Setup Auth

  1. Create a Clerk account
  2. Add Clerk environment variables to your project
  3. Create an admin user
  4. Add your admin user id to your environment variables as
  • CLERK_ADMIN_USER_ID

5. Develop locally

  1. Clone code
  2. Install dependencies pnpm i
  3. Run vc dev to utilize Vercel-stored environment variables