fix: use forced catchall for preview mode (#793)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: ascorbic

demo/pages/previewTest.js

@@ -1,21 +1,12 @@
 import Link from 'next/link'
 
-const StaticTest = ({ number }) => {
+const StaticTest = ({ isPreview }) => {
   return (
     <div>
-      <p>
-        This page uses getStaticProps() and is SSRed when in preview mode.
-        <br />
-        <br />
-        By default, it shows the TV show by ID (as static HTML).
-        <br />
-        But when in preview mode, it shows person by ID instead (SSRed).
-      </p>
 
-      <hr />
-
-      <h1>Number: {number}</h1>
 
+      <h1>Is preview? {isPreview ? "Yes!" : "No"}</h1>
+      <p><a href={isPreview ? "/api/exitPreview" : "/api/enterPreview"}>{isPreview ? "Exit Preview" : "Enter Preview"}</a></p>
       <Link href="/">
         <a>Go back home</a>
       </Link>
@@ -24,20 +15,11 @@ const StaticTest = ({ number }) => {
 }
 
 export const getStaticProps = async ({ preview }) => {
-  let number
 
-  // In preview mode, use odd number
-  if (preview) {
-    number = 3
-  }
-  // In normal mode, use even number
-  else {
-    number = 4
-  }
 
   return {
     props: {
-      number,
+      isPreview: Boolean(preview),
     },
   }
 }

src/helpers/config.js

@@ -80,21 +80,6 @@ exports.generateRedirects = async ({ netlifyConfig, basePath, i18n }) => {
     netlifyConfig.redirects.push({ from: `${basePath}/:locale/_next/static/*`, to: `/static/:splat`, status: 200 })
   }
 
-  const staticManifest = join(netlifyConfig.build.publish, 'static-manifest.json')
-  if (process.env.EXPERIMENTAL_MOVE_STATIC_PAGES && existsSync(staticManifest)) {
-    // Static page files need to have a forced redirect for preview mode. Otherwise it's non-forced
-    const staticFiles = await readJSON(staticManifest)
-    netlifyConfig.redirects.push(
-      ...staticFiles.map((file) => ({
-        from: `${basePath}/${file}`,
-        to: HANDLER_FUNCTION_PATH,
-        status: 200,
-        force: true,
-        conditions: { Cookie: ['__prerender_bypass', '__next_preview_data'] },
-      })),
-    )
-  }
-
   // This is only used in prod, so dev uses `next dev` directly
   netlifyConfig.redirects.push(
     { from: `${basePath}/_next/static/*`, to: `/static/:splat`, status: 200 },
@@ -103,6 +88,7 @@ exports.generateRedirects = async ({ netlifyConfig, basePath, i18n }) => {
       to: HANDLER_FUNCTION_PATH,
       status: 200,
       conditions: { Cookie: ['__prerender_bypass', '__next_preview_data'] },
+      force: true,
     },
     ...redirects.map((redirect) => ({
       from: `${basePath}${redirect}`,

test/__snapshots__/index.js.snap

@@ -212,6 +212,7 @@ Array [
         "__next_preview_data",
       ],
     },
+    "force": true,
     "from": "/*",
     "status": 200,
     "to": "/.netlify/functions/___netlify-handler",