Skip to main content

Deploying a Simple Static Next.js Web App to Vercel (Free Tier)

Prerequisites​

Steps​

1. Create Your Next.js App​

npx create-next-app my-nextjs-app
cd my-nextjs-app

2. Initialize Git Repository​

git init
git add .
git commit -m "Initial commit"

3. Push to GitHub (or GitLab/Bitbucket)​

  • Create a new repository on GitHub.

  • Push your code:

    git remote add origin https://github.com/yourusername/your-repo.git
    git push -u origin main

4. Deploy to Vercel​

  • Go to Vercel Dashboard.
  • Click "New Project" and import your repository.
  • Follow the prompts (Vercel auto-detects Next.js).
  • Click "Deploy".

5. Access Your Deployed App​

  • After deployment, Vercel provides a live URL.

Free Tier Guidelines​

  • Usage Limits:
    • Hobby (free) tier allows 100 GB bandwidth/month and 1 GB build execution hours/month.
  • Builds:
    • Limited to 1 concurrent build.
  • Serverless Functions:
    • 100 deployments/day, 1,000 invocations/day.
  • Custom Domains:
    • Supported (with verification).
  • Team Members:
    • 1 member (personal account).
  • Sleep Mode:
    • Projects do not sleep, but heavy usage may be throttled.

For more details, see Vercel Pricing.

Tips​

  • Keep your app static for best performance and lowest resource usage.
  • Remove unused dependencies to speed up builds.
  • Monitor usage in the Vercel dashboard to avoid hitting limits.