Astro Integration

Astro and swup are a great fit. Where Astro manages the rendering of your site, swup takes over and adds smooth page transitions, smart preloading and caching on the client side.

Check out the official Astro integration for swup for getting started quickly.

// astro.config.mjs
import { defineConfig } from 'astro/config';
import swup from '@swup/astro';

export default defineConfig({
  integrations: [swup()]
});

// astro.config.mjs
import { defineConfig } from 'astro/config';
import swup from '@swup/astro';

export default defineConfig({
  integrations: [swup()]
});