docs: 📝 update app dir demo to fix server components

expatfile · Aug 27, 2023 · 88d3c39 · 88d3c39
1 parent 6c0d0a7
commit 88d3c39
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/examples/with-app-router/src/app/client-side/page.tsx b/examples/with-app-router/src/app/client-side/page.tsx
@@ -13,3 +13,5 @@ export default function ClientSide() {
     </main>
   );
 }
+
+export const dynamic = 'force-dynamic';
diff --git a/examples/with-app-router/src/app/server-side/page.tsx b/examples/with-app-router/src/app/server-side/page.tsx
@@ -11,3 +11,8 @@ export default function ServerSide() {
     </main>
   );
 }
+
+// By default server components are statically generated at build-time. To make
+// sure the env vars are actually loaded use, add the following line to server
+// components that use [env]. 👇
+export const dynamic = 'force-dynamic';