Skip to main content
Version: 4.x

Installation

npm version npm downloads

@foresightjs/astro is the official Astro integration for ForesightJS. Unlike the React, Vue, and Angular packages it is not a set of component bindings: you add foresight() to your Astro config once and it registers your links automatically, prefetching them through Astro's own prefetch pipeline when intent is predicted.

npm install @foresightjs/astro js.foresight
# or
pnpm add @foresightjs/astro js.foresight
# or
yarn add @foresightjs/astro js.foresight
// astro.config.mjs
import { defineConfig } from "astro/config"
import foresight from "@foresightjs/astro"

export default defineConfig({
  integrations: [foresight()],
})

Requires Astro 5 or newer.

Configuring the manager​

You don't have to configure anything. The manager auto-initializes with sensible defaults when the first page loads.

If you want to tweak global behavior, pass a manager object to the integration. See Initialize the Manager and Global Settings.

Devtools​

The visual Development Tools live in their own package (js.foresight-devtools). Install it and set devtools: true on the integration to load them automatically during astro dev.