Change server actions cache default to no-store

packages/next/src/server/app-render/action-handler.ts

@@ -299,6 +299,9 @@ export async function handleAction({
     )
   }
 
+  // When running actions the default is no-store, you can still `cache: 'force-cache'`
+  staticGenerationStore.fetchCache = 'default-no-store'
+
   const originDomain =
     typeof req.headers['origin'] === 'string'
       ? new URL(req.headers['origin']).host

test/e2e/app-dir/actions/app-action.test.ts

@@ -1114,5 +1114,28 @@ createNextDescribe(
         })
       })
     })
+
+    it('should use no-store as default for server action', async () => {
+      const browser = await next.browser('/no-caching-in-actions')
+      await browser
+        .waitForElementByCss('#trigger-fetch')
+        .click()
+        .waitForElementByCss('#fetched-data')
+
+      const getNumber = async () =>
+        JSON.parse(await browser.elementByCss('#fetched-data').text())
+
+      const firstNumber = await getNumber()
+
+      await browser.waitForElementByCss('#trigger-fetch').click()
+
+      await check(async () => {
+        const newNumber = await getNumber()
+        // Expect that the number changes on each click
+        expect(newNumber).not.toBe(firstNumber)
+
+        return 'success'
+      }, 'success')
+    })
   }
 )

test/e2e/app-dir/actions/app/no-caching-in-actions/actions.js

@@ -0,0 +1,9 @@
+'use server'
+
+export async function getNumber() {
+  const res = await fetch(
+    'https://next-data-api-endpoint.vercel.app/api/random?no-caching-actions'
+  )
+
+  return res.text()
+}

test/e2e/app-dir/actions/app/no-caching-in-actions/page.js

@@ -0,0 +1,27 @@
+'use client'
+import { useState, useTransition } from 'react'
+import { getNumber } from './actions'
+
+export default function Page() {
+  const [isPending, startTransition] = useTransition()
+  const [result, setResult] = useState(null)
+  return (
+    <>
+      <h1>No Caching in Actions: {isPending ? 'pending' : 'not pending'}</h1>
+      {result !== null ? (
+        <pre id="fetched-data">{JSON.stringify(result)}</pre>
+      ) : null}
+      <button
+        id="trigger-fetch"
+        onClick={() =>
+          startTransition(async () => {
+            const result = await getNumber()
+            setResult(result)
+          })
+        }
+      >
+        Trigger fetch
+      </button>
+    </>
+  )
+}