add how to test

vvo · Nov 20, 2023 · 5ccbb0d · 5ccbb0d
1 parent f68142f
commit 5ccbb0d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/examples/next/src/app/app-router-client-component-redirect-route-handler-fetch/page.tsx b/examples/next/src/app/app-router-client-component-redirect-route-handler-fetch/page.tsx
@@ -16,6 +16,10 @@ export default function AppRouterRedirect() {
     <main className="p-10 space-y-5">
       <Title subtitle="+ client components, route handlers, redirects, and fetch" />
 
+      <p className="italic max-w-xl">
+        How to test: login and refresh the page to see iron-session in action.
+      </p>
+
       <div className="grid grid-cols-1 gap-4 p-10 border border-gray-500 rounded-md max-w-xl">
         <Form />
       </div>

diff --git a/examples/next/src/app/app-router-client-component-route-handler-swr/page.tsx b/examples/next/src/app/app-router-client-component-route-handler-swr/page.tsx
@@ -28,6 +28,12 @@ export default function AppRouterRedirect() {
         }
       />
 
+      <p className="italic max-w-xl">
+        How to test: login and refresh the page to see iron-session in action.
+        Bonus: open multiple tabs to see the state being reflected by SWR
+        automatically.
+      </p>
+
       <div className="grid grid-cols-1 gap-4 p-10 border border-gray-500 rounded-md max-w-xl">
         <Form />
         <div className="text-gray-700 space-y-2">

diff --git a/examples/next/src/app/app-router-server-component-and-action/page.tsx b/examples/next/src/app/app-router-server-component-and-action/page.tsx
@@ -16,6 +16,10 @@ export default async function AppRouter() {
     <main className="p-10 space-y-5">
       <Title subtitle="+ server components, and server actions" />
 
+      <p className="italic max-w-xl">
+        How to test: login and refresh the page to see iron-session in action.
+      </p>
+
       <div className="grid grid-cols-1 gap-4 p-10 border border-gray-500 rounded-md max-w-xl">
         <Suspense fallback={<p className="text-lg">Loading...</p>}>
           <Form />