2 min read

Final checklist before deploying Vercel

Practical checklist that organizes build verification, environment variables, and SEO output inspection procedures to stably deploy Next.js blog to Vercel.

Final checklist before deploying Vercel thumbnail

Introduction

The reason why blogs that appear to be fine locally fail in deployment is mostly not because of fancy features, but because of lack of verification order. In particular, the entire distribution of file-based content blogs can be halted if just one of the environment variables, static creation, or meta output (sitemap/rss) is out of sync.

This article summarizes the inspection procedures to prevent failures in advance, based on Vercel deployment.

Problem definition

The main causes of deployment failures converge below.

  • Missing build time frontmatter error
  • NEXT_PUBLIC_SITE_URL missing or incorrectly entered
  • Missing creation of sitemap.xml, robots.txt, rss.xml
  • Internal link/404/metadata path mismatch

The key is “block before distribution,” not “verify after distribution.”

Concept explanation

Step-by-step inspection frame

stepsGoalHandling in case of failure
LintGrammar/Rule Violation DetectionImmediately fix and rerun
Buildstatic creation + type stability checkCause file/route fixation
Output CheckCheck sitemap/robots/rss outputCheck route/metadata
Runtime SmokeCheck critical path status codeLink/redirect correction

Required environment variables

  • NEXT_PUBLIC_SITE_URL=https://<your-domain>

If this value is incorrect, the canonical/rss/sitemap URL will be serially contaminated.

Code example

Example 1: Local verification command before deployment

npm run lint
npm run build

Example 2: Automating basic validation in CI

name: pre-deploy-check
on: [push, pull_request]

jobs:
  validate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - run: npm run lint
      - run: npm run build

Reliability increases when the required verification is repeated by the pipeline, not by “people.”

Architecture Description

Mermaid diagram rendering...

The purpose of this flow is to quickly narrow down the “failure cause location” rather than the deployment success rate itself.

Cleanup

The essence of a deployment checklist is not the number of items, but order and automation. It is best to always keep the five things below fixed.

  1. Pass npm run lint
  2. Pass npm run build
  3. NEXT_PUBLIC_SITE_URL Verification
  4. Check sitemap.xml, robots.txt, rss.xml responses
  5. Smoke test for key routes (/, /posts, /posts/[slug])

In blog MVP, distribution reproducibility is a bigger competitive advantage than adding features. Codifying verification significantly reduces operational risk.

Read together

Comments