Deployment Guide

Deploy PinZip to production environments

View on GitHub

Vercel (Recommended)

Deploy Next.js website with zero configuration

Push code to GitHub

Visit vercel.com

Import your repository

Vercel auto-deploys

GitHub Pages

Host static documentation site for free

Enable GitHub Pages in settings

Select branch: main / docs

Site live at username.github.io

Custom domain supported

Chrome Web Store

Publish extension to millions of users

Create ZIP of extension folder

Pay $5 developer fee (one-time)

Upload to Chrome Web Store

Submit for review

Website Deployment (Next.js)

Deploy to Vercel

Vercel automatically detects Next.js and deploys with optimal settings.

1. Push your code to GitHub
2. Visit vercel.com
3. Import your repository
4. Vercel handles the rest automatically

Deploy to GitHub Pages

Export as static site for GitHub Pages hosting.

# Update next.config.js
const nextConfig = {
  output: 'export',
  images: { unoptimized: true },
  basePath: '/pinzip',
}

# Build and export
cd website
npm run build

# Deploy to gh-pages branch
git checkout --orphan gh-pages
cp -r website/out/* .
git add .
git commit -m "Deploy"
git push origin gh-pages

Chrome Extension Deployment

1. Prepare Extension

cd extension

# Windows
Compress-Archive -Path * -DestinationPath pinzip.zip

# Mac/Linux
zip -r pinzip.zip *

2. Submit to Chrome Web Store

1.Visit Chrome Web Store Developer Dashboard
2.Pay one-time $5 developer fee (if first time)
3.Click "New Item" and upload your ZIP file
4.Fill in store listing details (name, description, screenshots)
5.Submit for review (usually takes 1-3 days)

Environment Variables

Create website/.env.local:

NEXT_PUBLIC_SITE_URL=https://yourdomain.com
NEXT_PUBLIC_GITHUB_URL=https://github.com/gitchking/PinZip

Post-Deployment Checklist

Update links in README.md

Update Chrome Web Store link

Test all functionality

Monitor user feedback

Set up analytics (optional)

Configure custom domain