tengo dos proyectos

• Proyecto 1 - Reaccionar + Electrodo - www.example.com/au
• Proyecto 2 - Próximas Js - www.example.com/au/sell-your-car

El Proyecto 2 tiene un middleware para detectar si la solicitud proviene de una computadora de escritorio/móvil .

La carpeta de la página Proyecto 2 tiene el siguiente aspecto:

• paginas
  • _ventana
    • escritorio
      • es
        • vende tu coche
    • móvil
      • es
        • vende tu coche

_middleware.tsx

 function getViewport(userAgent: UserAgent | null | undefined) { if (!userAgent?.ua) return; const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent.ua); return isMobile ? "mobile" : "desktop"; } /** @type {import("next/server").NextMiddleware} */ export function middleware(req: NextRequest) { const url = req.nextUrl.clone(); // Prevent internals from being accessed canonically // (ie if you try to go to example.com/_viewport it should give a 404) if (url.pathname.startsWith(`/_viewport`)) { return new Response(null, { status: 404 }); } const viewport = getViewport(req.ua); url.pathname = `_viewport/${viewport}${url.pathname}`; return NextResponse.rewrite(url); }

Quiero configurar reescrituras de tal manera que admitan todas las rutas después de la ruta /vender-tu-auto .

p.ej

• www.example.com/au/vende-tu-auto
• www.example.com/au/vende-tu-auto/1
• www.example.com/au/sell-your-car/1/2 (y así sucesivamente)

Aparte de eso, todas las rutas deben redirigir al Proyecto 1 (Reaccionar)

siguiente.config.js

 async rewrites() { return [ { source: "/:path*", destination: "/:path*" }, { source: "/:path*", destination: "http://localhost:3001/:path*" // Rewrite non-migrated routes to Create React App } ]; }

Con la configuración actual, la página /sell-your-car se actualiza continuamente.