Skip to content
Podcast Framework

Deploy to Netlify

Deploy to Netlify

Section titled “Deploy to Netlify”

Deploy your podcast website to Netlify for reliable hosting with continuous deployment, serverless functions, and a generous free tier.

Quick Deploy

Section titled “Quick Deploy”
  1. Push code to GitHub
  2. Connect Netlify to GitHub
  3. Configure build settings
  4. Deploy

Your site will be live at your-site.netlify.app

Step-by-Step Guide

Section titled “Step-by-Step Guide”

Step 1: Push to GitHub

Section titled “Step 1: Push to GitHub”
Terminal window
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/username/my-podcast.git
git push -u origin main

Step 2: Create Netlify Site

Section titled “Step 2: Create Netlify Site”
  1. Go to app.netlify.com
  2. Click “Add new site”
  3. Click “Import an existing project”
  4. Click “Deploy with GitHub”
  5. Authorize Netlify (if first time)
  6. Select your repository
  7. Click “Deploy site”

Step 3: Configure Build

Section titled “Step 3: Configure Build”
Site name: my-podcast (or custom)
Branch: main
Build command: npm run build
Publish directory: dist

Step 4: Environment Variables

Section titled “Step 4: Environment Variables”
  1. Site settings → Environment variables
  2. Add variables:
PUBLIC_SANITY_PROJECT_ID = abc123xyz
PUBLIC_SANITY_DATASET = production
PUBLIC_SANITY_API_VERSION = 2024-01-01
PUBLIC_SITE_URL = https://my-podcast.netlify.app

Optional variables:

SANITY_API_TOKEN = sk_...
RESEND_API_KEY = re_...
NOTIFICATION_EMAIL = [email protected]
CONVERTKIT_API_KEY = ...
CONVERTKIT_FORM_ID = ...
PUBLIC_GA_MEASUREMENT_ID = G-...

Step 5: Deploy

Section titled “Step 5: Deploy”

Click “Deploy site”

Watch deployment:

Build started
Installing dependencies
Running build command
Build succeeded
Deploying to Netlify Edge
✅ Published!

Visit: https://your-site.netlify.app

Configuration File

Section titled “Configuration File”

Create netlify.toml for advanced configuration:

[build]
  command = "npm run build"
  publish = "dist"


[build.environment]
  NODE_VERSION = "18"


[[redirects]]
  from = "/old-page"
  to = "/new-page"
  status = 301


[[headers]]
  for = "/*"
  [headers.values]
    X-Frame-Options = "DENY"
    X-Content-Type-Options = "nosniff"

Netlify Functions

Section titled “Netlify Functions”

API routes automatically become Netlify Functions.

Framework pattern:

src/pages/api/example.ts
import type { APIRoute } from 'astro';


export const POST: APIRoute = async (context) => {
  // Works automatically on Netlify
  return new Response('OK');
};

Becomes: .netlify/functions/example

Automatic Deployments

Section titled “Automatic Deployments”

Every push to main triggers deployment:

Terminal window
git add .
git commit -m "Add new episode"
git push


# Netlify builds and deploys automatically

Custom Domain

Section titled “Custom Domain”

Add Domain

Section titled “Add Domain”
  1. Site settings → Domain management
  2. Click “Add custom domain”
  3. Enter: yourpodcast.com
  4. Follow DNS instructions

DNS Setup

Section titled “DNS Setup”

Add records at your DNS provider:

Type: A
Name: @
Value: 75.2.60.5


Type: CNAME
Name: www
Value: your-site.netlify.app

SSL

Section titled “SSL”

Netlify provisions SSL automatically via Let’s Encrypt.

Enable HTTPS:

  1. Domain settings → HTTPS
  2. Toggle “Force HTTPS” → ON
Section titled “Related”

Next Steps

Section titled “Next Steps”