Page Transitions in Gatsby with Framer Motion

Framer Motion is a great way to add animation to a React project, and Gatsby Link makes linking between pages a breeze. In this article, I’ll show you how I combined the two to create the page transitions I used on my portfolio site.

Wrap your page’s content in this.
Make sure to check if your window is undefined or not before using any window properties, as Gatsby does not have access to window during build time and will throw an error in production.

Frontend Developer/UI Designer in Austin, TX