Next.js på Vercel: min deployment-checklista

Jag har deployt tillräckligt många Next.js-appar för att veta exakt vad som går fel och när. Här är checklistan.

Innan du pushar - [ ] npm run build lokalt — fixa alla fel innan CI behöver göra det - [ ] Kolla att alla env-variabler finns i .env.local och är dokumenterade - [ ] Ta bort alla console.log med känslig data

I Vercel-dashboarden - [ ] Lägg in alla env-variabler under Settings → Environment Variables - [ ] Välj rätt miljöer (Production, Preview, Development) per variabel - [ ] Sätt NEXT_PUBLIC_SITE_URL till din faktiska domän — används av sitemap och OG-taggar

Domänhantering - [ ] Lägg till custom domän under Settings → Domains - [ ] Vänta på DNS-propagering (5 min–48 tim beroende på TTL) - [ ] Kolla att HTTPS-certifikatet är aktivt

Efter första deploy - [ ] Testa på mobil — inte bara på desktop - [ ] Kolla Network-tabben i DevTools för 4xx/5xx-fel - [ ] Verifiera att OG-bild och metadata ser bra ut via opengraph.xyz

Vanligaste fällan: env-variabeln finns lokalt men inte i Vercel. Appen crashar i production utan bra felmeddelande. Lösning: explicit kasta ett fel om kritiska variabler saknas i src/lib/config.ts.