---
title: "@vonvon-kit/astro"
description: "Intégration Astro avec middleware SSR, assistants serveur et singletonclient island pour les sites Astro statiques et rendus côté serveur."
locale: "fr"
---

> Documentation Index
> Fetch the relevant documentation index at: https://vonvon.id/fr/sdks/llms.txt
> Use this file to discover all available pages before exploring further.

# @vonvon-kit/astro

## Statut

Statut du registre : UNPUBLISHED. Installez ce SDK uniquement depuis un checkout du code source du dépôt ; n'utilisez pas de registre de paquets externe.

Le statut du package est **Package actuel**. L'intégration Astro, lemiddleware SSR, les assistants serveur et le singleton client island sontimplémentés. Un aller-retour réel avec un IdP sur une infrastructure deproduction est en attente de vérification manuelle.

## Configuration de l'intégration

Enregistrez `vonvonIntegration` dans `astro.config.mjs`. L'intégration injecte un middleware serveur avec `addMiddleware` à l'ordre `pre`, conserve le matériel de vérification côté serveur et n'expose que la configuration sérialisable du mode navigateur requise par les islands client.

```js
// astro.config.mjs
import { defineConfig } from 'astro/config'
import { vonvonIntegration } from '@vonvon-kit/astro'
import node from '@astrojs/node'

const jwtKeyJson = process.env.VONVON_JWKS_PUBLIC_KEY
if (!jwtKeyJson) throw new Error('Missing VONVON_JWKS_PUBLIC_KEY')

export default defineConfig({
  output: 'server',
  adapter: node({ mode: 'standalone' }),
  integrations: [
vonvonIntegration({
  // This combined SSR setup requires Core routes on the application's exact origin.
  browser: { mode: 'same-origin' },
  jwtKey: JSON.parse(jwtKeyJson),
  issuer: 'https://app.example.com',
  sessionTokenExchange: { endpoint: '/v1/sessions/token' },
  protectedRoutes: ['/dashboard', '/account'],
  signInUrl: '/sign-in',
}),
  ],
})
```

## Middleware manuel (alternative)

```ts
// src/middleware.ts
import { sequence } from 'astro:middleware'
import { createVonvonMiddleware } from '@vonvon-kit/astro'

export const onRequest = sequence(
  createVonvonMiddleware({
jwtKey: JSON.parse(import.meta.env.VONVON_JWKS_PUBLIC_KEY),
issuer: 'https://vonvon.id',
sessionTokenExchange: { endpoint: '/v1/sessions/token' },
protectedRoutes: ['/dashboard', '/account'],
signInUrl: '/sign-in',
  }),
)
```

## Authentification côté serveur dans les pages .astro

```astro
---
// src/pages/dashboard.astro
import { getAuth, currentUser } from '@vonvon-kit/astro/server'

const auth = getAuth(Astro.locals)
if (!auth.userId) return Astro.redirect('/sign-in')

const user = await currentUser(Astro.locals, {
  secretKey: import.meta.env.VONVON_SECRET_KEY,
})
---

<h1>Welcome, {user?.primaryEmailAddress}</h1>
```

## Island client

```tsx
// src/components/SignOutButton.tsx
import { getClient } from '@vonvon-kit/astro/client'

export default function SignOutButton() {
  const client = getClient()

  const handleSignOut = async () => {
const result = await client.signOut()
if (!result.ok) throw new Error(result.error.message)
window.location.href = '/'
  }

  return <button onClick={handleSignOut}>Sign out</button>
}
```

## Typage de Astro.locals

Ajoutez la référence de type dans `src/env.d.ts` pour obtenir unecouverture de type complète sur `Astro.locals.vonvonAuth`.

```ts
import '@vonvon-kit/astro/locals'
```

## API exportée

| Exporter | Type | Module |
| --- | --- | --- |
| `vonvonIntegration` | Fabrique d'intégration Astro | `@vonvon-kit/astro` |
| `createVonvonMiddleware` | fabrique de middleware | `@vonvon-kit/astro` |
| `getAuth, currentUser, vonvonClient` | assistants serveur | `@vonvon-kit/astro/server` |
| `getClient, initClient, resetClient` | singleton client island | `@vonvon-kit/astro/client` |

## Notes de sécurité

- `jwtKey` est une clé publique JWKS ; elle est sûre pour lavérification sans réseau et ne contient pas de clé privée.
- `secretKey` (`sk_live_xxx`) doit rester côté serveur uniquement; ne le transmettez jamais à un island ou un bundle client.
- Les routes protégées redirigent via `Response.redirect` dans lemiddleware avant l'exécution de tout gestionnaire de page ; aucun JS côtéclient n'est requis.
- Transmet les cookies opaques Core uniquement à un endpoint session-token de la même origine exacte ; la valeur n'est jamais vérifiée localement

Source: https://vonvon.id/fr/sdks/astro/index.mdx