Métricas web autohospedadas gratuitas con Next.js, Vercel y PlanetScale.

Informe de Lighthouse con las métricas Core Web Vitals: First Contentful Paint, Speed Index, Largest Contentful Paint, Time to Interactive, Total Blocking Time y Cumulative Layout Shift

RESUMEN

Métricas web autohospedadas gratuitas con Next.js, Vercel y PlanetScale.

Configurar Prisma

Instala las dependencias de prisma:

npm install @prisma/client
npm i -D prisma

Agrega el script de postinstalación de prisma en el archivo packcage.json:

"scripts": {
    ...
    "postinstall": "prisma generate"
  },
  • Análisis web autohospedado gratuito con Umami, PlanetScale, Prisma y Vercel.

    Tener mi propio análisis web autohospedado con Umami, PlanetScale, Prisma y Vercel, me está ayudando a componer un panorama completo de las analíticas web de mi sitio, sin sesgo de plataforma, con una solución simple y enfocada en la privacidad, y gratuita. Además, porque me interesa el lado técnico, ha sido una buena oportunidad para interactuar con alternativas de base de datos SQL como PlanetScale, ORM de Node.js como Prisma, y despliegues a Vercel. Esta guía cubre cómo adapté el proceso de instalación de Umami para funcionar con PlanetScale.

  • Privacidad GDPR, estado de consentimiento "denegado", Google Analytics 4 y Next.js.

    Mantén la privacidad de tus usuarios en el centro de tus prácticas según lo establecido por la GDPR y las leyes de California. Establece ad_storage="denegado", analytics_storage="denegado", gtag("set", "ads_data_redaction", true) y "anonymize_ip": true para menor intrusión mientras disfrutas de las excelentes características de la nueva Google Analytics 4 en tu aplicación web Next.js.

  • ¿Cómo usar un dominio personalizado registrado con AWS Route 53 en una aplicación web Next.js implementada en Vercel?

    Actualiza los servidores de nombres del dominio de AWS Route 53 o, los tipos de registros A y CNAME con los valores proporcionados por Vercel bajo ProjectName / Settings / Domains después de que agregaste un dominio al proyecto. Mostrará la información necesaria para configurar midominio.com y redirigir a www.midominio.com o viceversa. Después de que intentaste agregar el dominio a tu proyecto sin éxito, esa información también se enviará a tu correo electrónico explicando qué hacer. Vercel te permite configurar registros A (recomendado) y CNAME.