diff --git a/examples/express-react-vercel/api/index.js b/examples/express-react-vercel/api/index.js index 5c94660..89de9b2 100644 --- a/examples/express-react-vercel/api/index.js +++ b/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 diff --git a/examples/express-react-vercel/pages/Layout.jsx b/examples/express-react-vercel/pages/+Layout.jsx similarity index 91% rename from examples/express-react-vercel/pages/Layout.jsx rename to examples/express-react-vercel/pages/+Layout.jsx index 074be95..35a7ab3 100644 --- a/examples/express-react-vercel/pages/Layout.jsx +++ b/examples/express-react-vercel/pages/+Layout.jsx @@ -8,10 +8,10 @@ function Layout({ children }) { - Home + Pre-rendered - - About + + Dynamic {children} diff --git a/examples/express-react-vercel/pages/+config.js b/examples/express-react-vercel/pages/+config.js index 29768d0..50244c7 100644 --- a/examples/express-react-vercel/pages/+config.js +++ b/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 } diff --git a/examples/express-react-vercel/pages/about/+Page.jsx b/examples/express-react-vercel/pages/dynamic/+Page.jsx similarity index 50% rename from examples/express-react-vercel/pages/about/+Page.jsx rename to examples/express-react-vercel/pages/dynamic/+Page.jsx index fa55b76..d2dc74c 100644 --- a/examples/express-react-vercel/pages/about/+Page.jsx +++ b/examples/express-react-vercel/pages/dynamic/+Page.jsx @@ -5,8 +5,8 @@ import React from 'react' function Page() { return ( <> -

About

-

Example of using Vike.

+

Dynamic

+ This page is rendered to HTML at {new Date().toLocaleString('en')}. ) } diff --git a/examples/express-react-vercel/pages/index/+Page.jsx b/examples/express-react-vercel/pages/index/+Page.jsx index ab51282..a83eea9 100644 --- a/examples/express-react-vercel/pages/index/+Page.jsx +++ b/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 ( <> -

Welcome

- This page is: - +

Pre-rendered

+ This page is pre-rendered to HTML at {new Date().toLocaleString('en')}. ) } diff --git a/examples/express-react-vercel/pages/index/+config.js b/examples/express-react-vercel/pages/index/+config.js new file mode 100644 index 0000000..63de0fa --- /dev/null +++ b/examples/express-react-vercel/pages/index/+config.js @@ -0,0 +1,3 @@ +export default { + prerender: true +} diff --git a/examples/express-react-vercel/pages/index/Counter.jsx b/examples/express-react-vercel/pages/index/Counter.jsx deleted file mode 100644 index a3c5747..0000000 --- a/examples/express-react-vercel/pages/index/Counter.jsx +++ /dev/null @@ -1,12 +0,0 @@ -export { Counter } - -import React, { useState } from 'react' - -function Counter() { - const [count, setCount] = useState(0) - return ( - - ) -} diff --git a/examples/express-react-vercel/vite.config.js b/examples/express-react-vercel/vite.config.js index 80b4da3..04c0f28 100644 --- a/examples/express-react-vercel/vite.config.js +++ b/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')] }