diff --git a/gatsby-ssr.tsx b/gatsby-ssr.tsx
new file mode 100644
index 0000000..0c9fc0b
--- /dev/null
+++ b/gatsby-ssr.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { NavigationProvider } from "./src/context/NavigationProvider";
+import { GatsbyBrowser } from 'gatsby';
+
+/**
+ * Wrap the gatsby app in a NavigationProvider so that any component
+ * in the app can consume this context state.
+ */
+export const wrapRootElement: GatsbyBrowser['wrapRootElement'] = ({ element }) => (
+  <NavigationProvider>{element}</NavigationProvider>
+);
\ No newline at end of file