fix (docs): remove force-dynamic from docs and examples (vercel#2332)

content/docs/02-getting-started/02-nextjs-app-router.mdx

@@ -311,8 +311,7 @@ import { useState } from 'react';
 import { continueConversation } from './actions';
 import { readStreamableValue } from 'ai/rsc';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Chat() {
@@ -410,8 +409,7 @@ import { useState } from 'react';
 import { continueConversation } from './actions';
 import { readStreamableValue } from 'ai/rsc';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Chat() {

content/examples/01-next-app/01-basics/01-generating-text.mdx

@@ -27,8 +27,7 @@ Let's create a simple React component that will call the `getAnswer` function wh
 import { useState } from 'react';
 import { getAnswer } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/01-basics/02-streaming-text-generation.mdx

@@ -28,8 +28,7 @@ import { useState } from 'react';
 import { generate } from './actions';
 import { readStreamableValue } from 'ai/rsc';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/01-basics/03-generating-object.mdx

@@ -51,8 +51,7 @@ Let's create a simple React component that will call the `getNotifications` func
 import { useState } from 'react';
 import { getNotifications } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/01-basics/04-streaming-object-generation.mdx

@@ -52,8 +52,7 @@ import { useState } from 'react';
 import { generate } from './actions';
 import { readStreamableValue } from 'ai/rsc';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/02-chat/01-generate-chat-completion.mdx

@@ -33,8 +33,7 @@ Let's create a simple conversation between a user and a model, and place a butto
 import { useState } from 'react';
 import { Message, continueConversation } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/02-chat/02-stream-chat-completion.mdx

@@ -33,8 +33,7 @@ import { useState } from 'react';
 import { Message, continueConversation } from './actions';
 import { readStreamableValue } from 'ai/rsc';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/03-tools/01-call-tool.mdx

@@ -34,8 +34,7 @@ Let's create a simple conversation between a user and model and place a button t
 import { useState } from 'react';
 import { Message, continueConversation } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/03-tools/02-call-tools-in-parallel.mdx

@@ -35,8 +35,7 @@ Let's modify our previous example to call `getWeather` tool for multiple cities
 import { useState } from 'react';
 import { Message, continueConversation } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/03-tools/03-render-interface-during-tool-call.mdx

@@ -46,8 +46,7 @@ We can make a few changes to our previous example where the assistant could get
 import { useState } from 'react';
 import { Message, continueConversation } from './actions';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/04-state-management/01-ai-ui-states.mdx

@@ -38,8 +38,7 @@ import { ClientMessage } from './actions';
 import { useActions, useUIState } from 'ai/rsc';
 import { generateId } from 'ai';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/04-state-management/02-save-and-restore-states.mdx

@@ -42,8 +42,7 @@ import { ClientMessage } from './actions';
 import { useActions, useUIState } from 'ai/rsc';
 import { generateId } from 'ai';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/05-interface/01-route-components.mdx

@@ -19,8 +19,7 @@ import { ClientMessage } from './actions';
 import { useActions, useUIState } from 'ai/rsc';
 import { generateId } from 'ai';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/05-interface/02-stream-component-updates.mdx

@@ -17,8 +17,7 @@ import { ClientMessage } from './actions';
 import { useActions, useUIState } from 'ai/rsc';
 import { generateId } from 'ai';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/01-next-app/05-interface/03-token-usage.mdx

@@ -21,8 +21,7 @@ import { ClientMessage } from './actions';
 import { useActions, useUIState } from 'ai/rsc';
 import { generateId } from 'ai';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Home() {

content/examples/02-next-pages/05-chat/10-use-chat-image-input.mdx

@@ -18,7 +18,6 @@ The last message is the user's message, and we add the image URL to it.
 import { openai } from '@ai-sdk/openai';
 import { convertToCoreMessages, streamText } from 'ai';
 
-export const dynamic = 'force-dynamic';
 export const maxDuration = 60;
 
 export async function POST(req: Request) {
@@ -58,8 +57,7 @@ You can replace the `imageUrl` with the actual URL of the image you want to send
 
 import { useChat } from 'ai/react';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 export default function Chat() {

content/providers/04-adapters/langchain.mdx

@@ -20,7 +20,6 @@ The AI SDK `LangChainAdapter` uses the result from [LangChain ExpressionLanguage
 import { ChatOpenAI } from '@langchain/openai';
 import { LangChainAdapter, StreamingTextResponse } from 'ai';
 
-export const dynamic = 'force-dynamic';
 export const maxDuration = 60;
 
 export async function POST(req: Request) {

content/providers/05-legacy-providers/anthropic.mdx

@@ -48,8 +48,6 @@ const anthropic = new Anthropic({
   apiKey: process.env.ANTHROPIC_API_KEY || '',
 });
 
-export const dynamic = 'force-dynamic';
-
 export async function POST(req: Request) {
   // Extract the `prompt` from the body of the request
   const { messages } = await req.json();
@@ -131,8 +129,6 @@ const anthropic = new Anthropic({
   apiKey: process.env.ANTHROPIC_API_KEY || '',
 });
 
-export const dynamic = 'force-dynamic';
-
 export async function POST(req: Request) {
   // Extract the `prompt` from the body of the request
   const { prompt } = await req.json();

content/providers/05-legacy-providers/cohere.mdx

@@ -47,10 +47,6 @@ For this example, we'll create a route handler at `app/api/chat/route.ts` that a
 import { CohereStream, StreamingTextResponse } from 'ai';
 import { CohereClient, Cohere } from 'cohere-ai';
 
-// IMPORTANT! Set the dynamic to force-dynamic
-// Prevent nextjs to cache this route
-export const dynamic = 'force-dynamic';
-
 if (!process.env.COHERE_API_KEY) {
   throw new Error('Missing COHERE_API_KEY environment variable');
 }

examples/next-openai-kasada-bot-protection/app/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/[[...restpath]]/route.ts

@@ -1,7 +1,5 @@
 const KASADA_ENDPOINT = 'FILL_IN.kasadapolyform.io';
 
-export const dynamic = 'force-dynamic';
-
 async function handler(request: Request) {
   const url = new URL(request.url);
 

examples/next-openai/app/stream-object/page.tsx

@@ -5,8 +5,7 @@ import { useState } from 'react';
 import { generateNotifications } from './actions';
 import { PartialNotification } from './schema';
 
-// Force the page to be dynamic and allow streaming responses up to 30 seconds
-export const dynamic = 'force-dynamic';
+// Allow streaming responses up to 30 seconds
 export const maxDuration = 30;
 
 // page component with a button to generate notifications