update vercel example

examples/express-react-vercel/pages/+Layout.jsx

@@ -13,6 +13,9 @@ function Layout({ children }) {
         <a className="navitem" href="/dynamic">
           Dynamic
         </a>
+        <a className="navitem" href="/static">
+          Static
+        </a>
       </Sidebar>
       <Content>{children}</Content>
     </PageLayout>

examples/express-react-vercel/pages/dynamic/+Page.jsx

@@ -1,12 +1,27 @@
 export default Page
 
-import React from 'react'
+import React, { useState } from 'react'
 
 function Page() {
   return (
     <>
-      <h1>Dynamic</h1>
-      This page is rendered to HTML at {new Date().toLocaleString('en')}.
+      <h1>Welcome</h1>
+      This page is:
+      <ul>
+        <li>Dynamic</li>
+        <li>No static html generated</li>
+        <li>Interactive</li>
+      </ul>
+      <Counter />
     </>
   )
 }
+
+function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <button type="button" onClick={() => setCount((count) => count + 1)}>
+      Counter {count}
+    </button>
+  )
+}

examples/express-react-vercel/pages/index/+Page.jsx

@@ -1,12 +1,27 @@
 export default Page
 
-import React from 'react'
+import React, { useState } from 'react'
 
 function Page() {
   return (
     <>
-      <h1>Pre-rendered</h1>
-      This page is pre-rendered to HTML at {new Date().toLocaleString('en')}.
+      <h1>Welcome</h1>
+      This page is:
+      <ul>
+        <li>Pre-rendered</li>
+        <li>Static html generated</li>
+        <li>Interactive</li>
+      </ul>
+      <Counter />
     </>
   )
 }
+
+function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <button type="button" onClick={() => setCount((count) => count + 1)}>
+      Counter {count}
+    </button>
+  )
+}

examples/express-react-vercel/pages/static/+Page.jsx

@@ -0,0 +1,27 @@
+export default Page
+
+import React, { useState } from 'react'
+
+function Page() {
+  return (
+    <>
+      <h1>Welcome</h1>
+      This page is:
+      <ul>
+        <li>Pre-rendered</li>
+        <li>Static html generated</li>
+        <li>Not interactive (no javascript is downloaded for this page)</li>
+      </ul>
+      <Counter />
+    </>
+  )
+}
+
+function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <button type="button" onClick={() => setCount((count) => count + 1)}>
+      Counter {count}
+    </button>
+  )
+}

examples/express-react-vercel/pages/static/+config.js

@@ -0,0 +1,10 @@
+// https://vike.dev/render-modes#html-only
+
+export default {
+  prerender: true,
+  meta: {
+    Page: {
+      env: { server: true, client: false }
+    }
+  }
+}