From 95e9fe9716d7e39e55ea1cb48d7f668554a40e81 Mon Sep 17 00:00:00 2001
From: David Montero <davidmonterocrespo24@gmail.com>
Date: Thu, 9 Jul 2026 22:33:56 +0200
Subject: [PATCH] fix(routing): redirect /en/* to the prefix-free path instead
 of a blank page

English is the default locale and is served at the root with no prefix, so
/en/project/x (a natural guess by analogy with /es/, /zh-cn/, ...) matched no
route and rendered blank. Redirect /en/* -> /* (and /en -> /), preserving query
and hash, so those URLs land on the right page while the canonical prefix-free
English URLs stay put for SEO. The other 8 locales already work under their
/<locale>/ prefixes.
---
 frontend/src/App.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 25662afd..32f0e3d4 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import { useEffect, type ReactElement } from 'react';
-import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route, Navigate, useLocation } from 'react-router-dom';
 import { LandingPage } from './pages/LandingPage';
 import { EditorPage } from './pages/EditorPage';
 import { ExamplesPage } from './pages/ExamplesPage';
@@ -90,6 +90,20 @@ const ROUTES: { path: string; element: ReactElement; index?: boolean }[] = [
   // pro overlay (project persistence + public profiles are pro features).
 ];
 
+/**
+ * The default locale (English) is served at the root with NO `/en` prefix, so
+ * `/en/...` matches no route and renders blank. People reasonably guess `/en/`
+ * by analogy with `/es/`, `/zh-cn/`, … — redirect them to the prefix-free path
+ * (`/en/project/x` → `/project/x`, `/en` → `/`) instead of a blank page. This
+ * keeps the canonical no-prefix English URLs (good for SEO) while handling the
+ * guessed ones gracefully.
+ */
+function EnPrefixRedirect() {
+  const { pathname, search, hash } = useLocation();
+  const stripped = pathname.replace(/^\/en(?=\/|$)/, '');
+  return <Navigate to={(stripped || '/') + search + hash} replace />;
+}
+
 function App() {
   // Pro overlay registers extra routes (login, register, admin, profile,
   // project-by-slug, …) via registerProRoutes() inside mountPro(). The
@@ -144,6 +158,10 @@ function App() {
               )}
             </Route>
           ))}
+
+          {/* `/en/...` is the default locale spelled out — redirect to the
+              canonical prefix-free path instead of rendering a blank page. */}
+          <Route path="/en/*" element={<EnPrefixRedirect />} />
         </Routes>
       </LocaleSync>
     </Router>