🚢NIVEL 4

Publicare în producție

Hosting, domeniu, secrete, monitorizare. Stratul plictisitor care protejează relația.

XP la finalizare: 350•Insignă deblocată

 

 

Lecția 1, cum conectezi un domeniu propriu pe Vercel

• În dashboard-ul Vercel, project settings, domains, adaugă domeniul propriu.

• Vercel îți dă înregistrări DNS de adăugat în Cloudflare sau Namecheap.

• SSL automat prin Let's Encrypt.

• Opțional, setează domeniul principal pe www sau apex, redirecționează-l pe celălalt.

• Verifică propagarea DNS (1 până la 24 de ore).

 

Lecția 2, variabilele de mediu, cum trebuie

• Nu comite niciodată fișiere .env. Adaugă-le în .gitignore.

• Vercel, setează Environment Variables în project settings, valori separate pentru production / preview / development.

• Variabile uzuale, NEXT_PUBLIC_SUPABASE_URL, SUPABASE_SERVICE_ROLE_KEY, STRIPE_SECRET_KEY, RESEND_API_KEY.

• Prefixul NEXT_PUBLIC_ le expune în browser. Pentru cele doar de server nu-l folosi niciodată.

• Rotește cheile trimestrial, mai ales după ce dai afară colaboratori.

 

Lecția 3, configurarea Stripe pentru producție

• Comută Stripe din modul test în modul live.

• Actualizează STRIPE_SECRET_KEY în Vercel.

• Actualizează endpoint-ul de webhook din Stripe cu URL-ul de producție.

• Adaugă noul webhook secret în Vercel.

• Testează cu o tranzacție reală de 1 EUR.

• Configurează chitanțele pe email din dashboard-ul Stripe.

 

Lecția 4, error tracking cu Sentry

• Gratuit până la 5.000 de erori/lună.

• npm install @sentry/nextjs.

• Rulează wizardul, configurează tot.

• Prinde erorile de runtime, integrare cu Slack.

• Reduce cu 90% surprizele de tipul 'de ce mi s-a stricat aplicația'.

 

Lecția 5, uptime + analytics

• Better Uptime, gratuit pentru 50 de monitoare. Configurează homepage-ul + API-ul critic.

• Plausible sau Fathom, analytics cu confidențialitatea pe primul loc, fără banner de cookies.

• PostHog, analytics comportamental gratuit dacă ai nevoie.

• Vercel Analytics, inclus în planul Pro, decent.

• Configurează-le înainte de lansare, nu după.

 

Lecția 6, checklist-ul de lansare

• Domeniu propriu live, SSL funcțional.

• Toate variabilele de mediu setate în producție.

• Stripe în modul live, testat.

• Flux de auth testat cu un email real.

• Formularele ajung într-un inbox real.

• Sentry prinde erorile.

• Monitorizare cu Better Uptime.

• Analytics live.

• Lighthouse 90+ pe desktop, 80+ pe mobil.

• Reduced motion verificat.

• Pagina 404 funcționează.

• og:image personalizat.

• robots.txt + sitemap.xml live.

• Note pentru client (login, unde găsește ce).

 

 

 

 

---