Flows / Page Transitions

Page Transitions

You just cross-faded to a second statically-generated page. Because both pages share the same urlId, the exact same discussion is here waiting. Head back and the thread persists again.

Step · 2 of 2urlId · gatsby-demo-transition

← Go backpage two

page-transition-test-end.tsx

import PageTransition from 'gatsby-v2-plugin-page-transitions';
import { FastCommentsCommentWidget } from 'fastcomments-react';
import { Link } from 'gatsby';

export default function Page() {
  return (
    <PageTransition>
      <Link to="/page-transition-test-start">Back</Link>
      <FastCommentsCommentWidget tenantId="demo" urlId="gatsby-demo-transition" />
    </PageTransition>
  );
}