Netlify

Netlify is Vercel's main competitor. Both do essentially the same thing - deploy modern web apps from Git with zero configuration. Netlify is framework-agnostic while Vercel is optimized for Next.js.

Why Use Netlify

Framework Agnostic: While Vercel is built by the Next.js team, Netlify works equally well with any framework - React, Vue, Svelte, 11ty, Hugo, whatever. No framework gets special treatment.

Generous Free Tier: Netlify's free tier is more generous than Vercel's in some ways - 100GB bandwidth (vs Vercel's 100GB), unlimited sites, and more build minutes.

Built-In Features: Form handling, split testing, analytics, and identity management are built-in. With Vercel, you'd need third-party services for these.

Edge Functions: Run serverless functions at the edge, close to your users, just like Vercel's Edge Functions.

Key Features

• Continuous Deployment - Push to Git, auto-deploy
• Edge Functions - Serverless functions at the edge (Deno runtime)
• Serverless Functions - Traditional Node.js functions
• Forms - Handle form submissions without backend
• Split Testing - A/B test different branches
• Analytics - Server-side analytics (paid add-on)
• Identity - JWT-based auth system
• Large Media - Git LFS for big files
• Deploy Previews - Every PR gets a preview URL
• Instant Rollbacks - One-click rollback to any deploy

Pricing for Solo Builders

Free Tier:

• 100 GB bandwidth per month
• 300 build minutes per month
• Unlimited sites
• 125K serverless function requests
• 2 million edge function requests
• Deploy previews for all PRs

Pro ($19/month):

• 400 GB bandwidth
• 25K build minutes
• Analytics add-on available
• Password protection
• Role-based access

The free tier is incredibly generous for solo projects. You can host multiple sites without paying.

Perfect For

• Static sites (documentation, marketing)
• Jamstack applications
• Any frontend framework
• Sites that need form handling
• Projects needing A/B testing
• Teams using multiple frameworks
• Multi-site portfolios

Netlify vs Vercel

Choose Netlify if you:

• Use frameworks other than Next.js
• Need built-in form handling
• Want split testing built-in
• Have multiple sites (free tier covers them all)
• Prefer framework-agnostic platform
• Need identity/auth built-in

Choose Vercel if you:

• Use Next.js (better optimization)
• Want fastest possible Next.js performance
• Prefer the Vercel DX (slightly more polished)
• Need image optimization (Vercel's is better)
• Want analytics included free

Honestly: They're 90% the same. Choose based on framework or personal preference.

Getting Started

# Install Netlify CLI
npm install -g netlify-cli

# Login
netlify login

# Deploy
netlify deploy --prod

# Or connect Git repo in dashboard
# Netlify auto-detects framework and deploys

That's it. Netlify detects your framework, runs the build, and deploys.

Form Handling

Unique to Netlify - handle forms without backend code:

<form name="contact" method="POST" data-netlify="true">
  <input type="text" name="name" />
  <input type="email" name="email" />
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>

Add data-netlify="true" and Netlify captures submissions. See them in the dashboard, get email notifications, or use webhooks.

Perfect for: Contact forms, newsletter signups, feedback forms

Split Testing

Test different branches against each other:

# Deploy branch A to 50% of traffic
# Deploy branch B to 50% of traffic
# Compare metrics
# Winner gets 100%

Built-in A/B testing without third-party tools. Great for testing homepage variations or pricing pages.

Netlify Functions

Serverless functions (AWS Lambda under the hood):

// netlify/functions/hello.js
export async function handler(event, context) {
  return {
    statusCode: 200,
    body: JSON.stringify({ message: "Hello from Netlify!" })
  };
}

Access at /.netlify/functions/hello

Supports background functions (long-running) and scheduled functions (cron jobs).

Netlify Identity

Built-in auth system using JWT:

• Email/password signup
• OAuth providers (Google, GitHub, etc.)
• Confirmation emails
• Password recovery
• User management dashboard

When to use: Simple auth needs, not building SaaS When to skip: Use Clerk/Auth0/Supabase for SaaS

Edge Functions

Run code at the edge (like Vercel Edge Functions):

// netlify/edge-functions/hello.ts
export default async (request: Request) => {
  return new Response("Hello from the edge!");
}

Uses Deno runtime, runs globally at the edge. Good for geolocation, A/B testing, auth checks.

Deploy Contexts

Different deploy contexts for different scenarios:

• Production: Main branch
• Deploy previews: Pull requests
• Branch deploys: Other branches

Each gets different environment variables, build settings, etc.

Redirects and Rewrites

# netlify.toml
[[redirects]]
  from = "/old-path"
  to = "/new-path"
  status = 301

[[redirects]]
  from = "/api/*"
  to = "https://api.example.com/:splat"
  status = 200

Handle redirects, proxies, and rewrites without code.

Integration With Tools

Works great with:

• React, Vue, Svelte - Static exports or SSR
• Next.js, Nuxt, SvelteKit - Framework plugins
• Gatsby, 11ty, Hugo - Static site generators
• Sanity, Contentful - Headless CMS with webhooks
• GitHub, GitLab, Bitbucket - Git-based deployment

Large Media (Git LFS)

Store large files outside Git:

• Images, videos, PDFs
• Automatic optimization
• Lazy loading
• Transformations

Good alternative to hosting media on S3.

Analytics

Server-side analytics (paid add-on, $9/month):

• No cookies, GDPR-compliant
• See traffic, referrers, pages
• No JS bloat

More limited than Plausible/Fathom but built-in.

Build Plugins

Extend builds with plugins:

• Lighthouse CI
• Sitemap generation
• Image optimization
• Cache assets
• Notify Slack

Browse the plugin directory for pre-built integrations.

Common Patterns

Static Site:

# Build command: npm run build
# Publish directory: dist
# Netlify handles the rest

Next.js App:

# Netlify auto-detects Next.js
# Installs @netlify/plugin-nextjs
# Handles SSR, ISR, API routes automatically

Contact Form:

<form netlify>
  <input name="email" type="email" required />
  <button>Subscribe</button>
</form>

Environment Variables

Set in dashboard or netlify.toml:

• Different values per deploy context
• Encrypted in build logs
• Access in functions and builds

Performance

Edge network: Netlify uses their own CDN (not Cloudflare like some competitors)

Build times: Similar to Vercel, fast incremental builds

Function cold starts: ~50-200ms (same as Vercel)

Limitations

What Netlify doesn't do as well:

• Next.js optimization (Vercel is better)
• Image optimization (basic compared to Vercel)
• Build times for huge projects (can be slow)
• Dashboard UX (Vercel's is slightly nicer)

When to Choose Netlify

Use Netlify if:

• You use multiple frameworks (not just Next.js)
• You need form handling built-in
• You want split testing
• You have many small sites (free tier covers them all)
• You like their DX/philosophy

Use Vercel if:

• You primarily use Next.js
• Image optimization matters
• You prefer their dashboard
• You want fastest possible Next.js performance

Both are excellent. Flip a coin if you're on the fence.

Tips for Solo Builders

• Use the free tier for multiple projects
• Enable deploy previews for PRs (great for testing)
• Use forms for contact/newsletter (one less service)
• Set up notifications in Slack/Discord
• Use redirects for URL management
• Enable large media for image-heavy sites
• Use branch deploys for staging environments

The Netlify Philosophy

Netlify popularized the "Jamstack" term (JavaScript, APIs, Markup). They believe in:

• Static first, dynamic when needed
• Git-based workflows
• Distributed, not centralized
• Pre-render when possible

This philosophy shaped how modern web apps are built.

Netlify CLI

The CLI is powerful:

# Local dev with functions
netlify dev

# Deploy draft
netlify deploy

# Deploy to production
netlify deploy --prod

# Link to existing site
netlify link

# Open dashboard
netlify open

The Verdict

Netlify is Vercel's equal in almost every way. Choose based on:

1. Framework: Next.js → Vercel, Others → Netlify
2. Features: Need forms/split testing → Netlify
3. Preference: Both are great, pick what feels right

For solo builders, Netlify's generous free tier (unlimited sites!) is incredible value. Host your portfolio, your side projects, and your experiments all for free.

The platform is mature, reliable, and has excellent documentation. You can't go wrong with Netlify.