fix(example): handle redirects in TanStack router (#33)

* fix(example): handle redirects in TanStack router

* fix: preserve query params in tanstack redirect

* cleanup: remove broken redirect note and add server/client redirect links

examples/tanstack-router-simple/src/routes/redirect.tsx

@@ -26,13 +26,17 @@ function RedirectComponent() {
         well on first load when relevant.
       </p>
 
-      <p>NOTE: the server side of things doesn't seem to be working atm. Could be an issue in tanstack router.</p>
-
       <p>
-        <Link to="/redirect" search={{ doRedirect: true }}>
-          Redirect
+        <Link to="/redirect" search={{ doRedirect: true }} className="text-blue-700">
+          Client Side Redirect
         </Link>
       </p>
+
+      <p>
+        <a href="/redirect?doRedirect=true" className="text-blue-700">
+          Server Side Redirect
+        </a>
+      </p>
     </div>
   );
 }

examples/tanstack-router-simple/src/server.ts

@@ -17,6 +17,11 @@ const server = new Hono()
     try {
       const { app, router } = await entry.render(c.req.raw);
 
+      // Handle redirects
+      if (router.state.redirect) {
+        return c.redirect(router.state.redirect.href);
+      }
+
       const { stream, statusCode } = await renderToStream({
         app: () => app,
         req: c.req.raw,
@@ -39,7 +44,7 @@ const server = new Hono()
 
       let status = statusCode();
 
-      // Handle redirects
+      // Handle 404 errors
       if (router.hasNotFoundMatch() && status !== 500) status = 404;
 
       return new Response(stream, { status, headers: { 'Content-Type': 'text/html' } });