fix 404 when basePath is set (#485)

* fix 404 when basePath is set

* Create lovely-penguins-taste.md

Author: conico974

.changeset/lovely-penguins-taste.md

@@ -0,0 +1,5 @@
+---
+"open-next": patch
+---
+
+fix 404 when basePath is set

packages/open-next/src/adapters/config/util.ts

@@ -46,6 +46,7 @@ export function loadRoutesManifest(nextDir: string) {
   };
 
   return {
+    basePath: routesManifest.basePath,
     rewrites: Array.isArray(routesManifest.rewrites)
       ? { beforeFiles: [], afterFiles: routesManifest.rewrites, fallback: [] }
       : {

packages/open-next/src/core/routingHandler.ts

@@ -28,12 +28,27 @@ const optionalLocalePrefixRegex = !!RoutesManifest.locales.length
   ? `^/(?:${RoutesManifest.locales.map((locale) => `${locale}/?`).join("|")})?`
   : "^/";
 
+// Add the basepath prefix to the regex so we correctly match the rawPath
+const optionalBasepathPrefixRegex = !!RoutesManifest.basePath
+  ? `^${RoutesManifest.basePath}/?`
+  : "^/";
+
 const staticRegexp = RoutesManifest.routes.static.map(
-  (route) => new RegExp(route.regex.replace("^/", optionalLocalePrefixRegex)),
+  (route) =>
+    new RegExp(
+      route.regex
+        .replace("^/", optionalLocalePrefixRegex)
+        .replace("^/", optionalBasepathPrefixRegex),
+    ),
 );
 
 const dynamicRegexp = RoutesManifest.routes.dynamic.map(
-  (route) => new RegExp(route.regex.replace("^/", optionalLocalePrefixRegex)),
+  (route) =>
+    new RegExp(
+      route.regex
+        .replace("^/", optionalLocalePrefixRegex)
+        .replace("^/", optionalBasepathPrefixRegex),
+    ),
 );
 
 export default async function routingHandler(

packages/open-next/src/types/next-types.ts

@@ -103,6 +103,7 @@ export interface RedirectDefinition extends RewriteDefinition {
 }
 
 export interface RoutesManifest {
+  basePath?: string;
   dynamicRoutes: RouteDefinition[];
   staticRoutes: RouteDefinition[];
   dataRoutes: DataRouteDefinition[];