feat: add route prefetching

front/src/features/hello/Hello.tsx

@@ -1,9 +1,11 @@
-import { pushRoute } from '@front/features/routing'
+import { pushRoute, useRoutePrefetching } from '@front/features/routing'
 import { Button } from '@front/ui/components/form/button'
 
 import * as styles from './Hello.css'
 
 export const Hello = () => {
+  useRoutePrefetching(['/app'])
+
   return (
     <section className={styles.container}>
       <h1>

front/src/features/landing/Landing.tsx

@@ -1,9 +1,14 @@
+import { useRoutePrefetching } from '../routing'
 import { SignIn } from './features/sign-in'
 import { SignUp } from './features/sign-up'
 
-export const Landing = () => (
-  <>
-    <SignIn />
-    <SignUp />
-  </>
-)
+export const Landing = () => {
+  useRoutePrefetching(['/hello', '/app'])
+
+  return (
+    <>
+      <SignIn />
+      <SignUp />
+    </>
+  )
+}

front/src/features/routing/index.ts

@@ -1,2 +1,3 @@
 export { Link } from './Link'
 export { pushRoute } from './pushRoute'
+export { useRoutePrefetching } from './useRoutePrefetching'

front/src/features/routing/prefetchRoute.ts

@@ -0,0 +1,4 @@
+import NextRoutes from '../../../routes'
+
+export const prefetchRoute = async (route: string): Promise<void> =>
+  NextRoutes.Router.prefetchRoute(route)

front/src/features/routing/useRoutePrefetching.ts

@@ -0,0 +1,9 @@
+import { useEffect } from 'react'
+
+import { prefetchRoute } from './prefetchRoute'
+
+export const useRoutePrefetching = (paths: string[]) => {
+  useEffect(() => {
+    paths.forEach(prefetchRoute)
+  }, [])
+}