@astrojs/web-vitals

Introducción

Esta integración de Astro permite el seguimiento del rendimiento del sitio web en el mundo real y almacena los datos en Astro DB. Esos datos se utilizarán en el panel de control de StudioCMS para mostrar las métricas de rendimiento de tu sitio web del mundo real a lo largo del tiempo.

Instalación

Método Astro

1. Instala el paquete y añádelo a tu configuración de astro usando el siguiente comando:

   npm

   npx astro add @astrojs/web-vitals

   pnpm

   pnpm astro add @astrojs/web-vitals

   yarn

   yarn astro add @astrojs/web-vitals

2. Envía la nueva configuración a tu base de datos remota:

   npm

   npx astro db push

   pnpm

   pnpm astro db push

   yarn

   yarn astro db push

Método Manual

1. Instala el paquete usando el siguiente comando:

   npm

   npm i @astrojs/web-vitals

   pnpm

   pnpm add @astrojs/web-vitals

   yarn

   yarn add @astrojs/web-vitals

2. Añade @astrojs/web-vitals a tu archivo de configuración de astro:

   astro.config.mjs

   import node from '@astrojs/node';
   import studioCMS from 'studiocms';
   import db from '@astrojs/db';
   import webVitals from '@astrojs/web-vitals';
   import { defineConfig } from 'astro/config';
   
   export default defineConfig({
      site: 'https://demo.studiocms.dev/',
      output: 'server',
      adapter: node({ mode: "standalone" }),
      integrations: [
          db(), // REQUERIDO
          webVitals(),
          studioCMS(),
      ],
   });

   npm

   npm i @astrojs/web-vitals

   pnpm

   pnpm add @astrojs/web-vitals

   yarn

   yarn add @astrojs/web-vitals

3. Envía la nueva configuración a tu base de datos remota:

   npm

   npx astro db push

   pnpm

   pnpm astro db push

   yarn

   yarn astro db push