@astrojs/web-vitals

Einführung

Diese Astro-Integration ermöglicht die Verfolgung der realen Website-Leistung und die Speicherung der Daten in der Astro-DB. Diese Daten werden im StudioCMS-Dashboard verwendet, um die Leistungsmetriken deiner Website aus der realen Welt im Laufe der Zeit anzuzeigen.

Installation

Astro Method

1. Installiere das Paket und füge es mit dem folgenden Befehl zu deiner Astro-Konfiguration hinzu:

   npm

   npx astro add @astrojs/web-vitals

   pnpm

   pnpm astro add @astrojs/web-vitals

   yarn

   yarn astro add @astrojs/web-vitals

2. Übertrage die neue Konfiguration auf deine Ferndatenbank:

   npm

   npx astro db push

   pnpm

   pnpm astro db push

   yarn

   yarn astro db push

Manual Method

1. Installiere das Paket mit dem folgenden Befehl:

   npm

   npm i @astrojs/web-vitals

   pnpm

   pnpm add @astrojs/web-vitals

   yarn

   yarn add @astrojs/web-vitals

2. Füge @astrojs/web-vitals zu deiner Astro-Konfigurationsdatei hinzu:

   astro.config.mjs

   import node from '@astrojs/node';
   import studioCMS from 'studiocms';
   import db from '@astrojs/db';
   import webVitals from '@astrojs/web-vitals';
   Error ts(2307)  ― Cannot find module '@astrojs/web-vitals' or its corresponding type declarations.
   import { defineConfig } from 'astro/config';
   
   export default defineConfig({
      site: 'https://demo.studiocms.dev/',
      output: 'server',
      adapter: node({ mode: "standalone" }),
      integrations: [
          db(), // ERFORDERLICH
          webVitals(),
          studioCMS(),
      ],
   });

   npm

   npm i @astrojs/web-vitals

   pnpm

   pnpm add @astrojs/web-vitals

   yarn

   yarn add @astrojs/web-vitals

3. Übertrage die neue Konfiguration auf deine remote Datenbank:

   npm

   npx astro db push

   pnpm

   pnpm astro db push

   yarn

   yarn astro db push