Migrate from Next.js to TanStack Start

.env

@@ -0,0 +1 @@
+RIOT_API_KEY=RGAPI-0621b25c-a2c4-4915-9087-d055aa4de972

.gitignore

@@ -8,9 +8,9 @@
 # testing
 /coverage
 
-# next.js
-/.next/
-/out/
+# tanstack start / vinxi
+/.vinxi/
+/.output/
 
 # production
 /build
@@ -32,7 +32,9 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
+
+# auto-generated
+app/routeTree.gen.ts
 
 .idea/
 
@@ -47,3 +49,4 @@ next-env.d.ts
 
 # Local history extension
 /.history
+dist/

app/client.tsx

@@ -0,0 +1,14 @@
+import { hydrateStart } from '@tanstack/react-start/client'
+import { StrictMode } from 'react'
+import { createRoot, hydrateRoot } from 'react-dom/client'
+import { RouterProvider } from '@tanstack/react-router'
+
+hydrateStart().then((router) => {
+  const rootEl = document.getElementById('root')!
+  hydrateRoot(
+    rootEl,
+    <StrictMode>
+      <RouterProvider router={router} />
+    </StrictMode>,
+  )
+})

app/globals.css

@@ -6,5 +6,5 @@
   --breakpoint-2xs: 24rem;
   --breakpoint-xs: 32rem;
 
-  --font-sans: var(--font-geist), Arial, Helvetica, sans-serif;
+  --font-sans: 'Geist', Arial, Helvetica, sans-serif;
 }

app/router.tsx

@@ -0,0 +1,18 @@
+import { createRouter as createTanStackRouter } from '@tanstack/react-router'
+import { routeTree } from './routeTree.gen'
+
+export function getRouter() {
+  const router = createTanStackRouter({
+    routeTree,
+    defaultPreload: 'intent',
+    scrollRestoration: true,
+  })
+
+  return router
+}
+
+declare module '@tanstack/react-start' {
+  interface Register {
+    router: ReturnType<typeof getRouter>
+  }
+}