View transitions

Support for view transitions is a little hacky, but as a proof of concept this works. It does require changes to Astro's default router though, so it's required to use <SuspenseViewTransitions /> instead of Astro's default <ViewTransitions />.

Simple Nested Client components Prerendered

<Suspense>
  <p slot="fallback">Loading...</p>
  <SimpleExample delay={3000} />

  <Suspense>
    <p slot="fallback">Loading nested 1...</p>
    <SimpleExample delay={5000} />
  </Suspense>

  <Suspense>
    <p slot="fallback">Loading nested 2...</p>
    <SimpleExample delay={2000} />
  </Suspense>
</Suspense>

Back to index GitHub