update vercel example

examples/express-react-vercel/api/index.js

@@ -4,4 +4,6 @@ import app from '../dist/server/index.mjs'
 
 // Web request handlers support streaming by default on Vercel
 import { connectToWeb } from 'vike-node'
-export const GET = connectToWeb(app)
+const handler = connectToWeb(app)
+export const GET = handler
+export const POST = handler

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

@@ -8,10 +8,10 @@ function Layout({ children }) {
     <PageLayout>
       <Sidebar>
         <a className="navitem" href="/">
-          Home
+          Pre-rendered
         </a>
-        <a className="navitem" href="/about">
-          About
+        <a className="navitem" href="/dynamic">
+          Dynamic
         </a>
       </Sidebar>
       <Content>{children}</Content>

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

@@ -1,11 +1,9 @@
 export { config }
 
 import vikeReact from 'vike-react/config'
-import { Layout } from './Layout'
 
 const config = {
-  // https://vike.dev/Layout
-  Layout: Layout,
   // https://vike.dev/extends
-  extends: vikeReact
+  extends: vikeReact,
+  prerender: false
 }

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

@@ -5,8 +5,8 @@ import React from 'react'
 function Page() {
   return (
     <>
-      <h1>About</h1>
-      <p>Example of using Vike.</p>
+      <h1>Dynamic</h1>
+      This page is rendered to HTML at {new Date().toLocaleString('en')}.
     </>
   )
 }

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

@@ -1,19 +1,12 @@
 export default Page
 
 import React from 'react'
-import { Counter } from './Counter'
 
 function Page() {
   return (
     <>
-      <h1>Welcome</h1>
-      This page is:
-      <ul>
-        <li>Rendered to HTML.</li>
-        <li>
-          Interactive. <Counter />
-        </li>
-      </ul>
+      <h1>Pre-rendered</h1>
+      This page is pre-rendered to HTML at {new Date().toLocaleString('en')}.
     </>
   )
 }

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

@@ -0,0 +1,3 @@
+export default {
+  prerender: true
+}

examples/express-react-vercel/vite.config.js

@@ -3,5 +3,5 @@ import vike from 'vike/plugin'
 import vikeNode from 'vike-node/plugin'
 
 export default {
-  plugins: [react(), vike(), vikeNode('server/index.js')]
+  plugins: [react(), vike({ prerender: true }), vikeNode('server/index.js')]
 }