merge /examples/ssr-spa/ into /examples/basic/

examples/basic/layouts/LayoutDefault.tsx

@@ -19,6 +19,7 @@ function LayoutDefault({ children }: { children: React.ReactNode }) {
         <Link href="/">Welcome</Link>
         <Link href="/star-wars">Data Fetching</Link>
         <Link href="/streaming">HTML Streaming</Link>
+        <Link href="/without-ssr">Without SSR</Link>
       </Sidebar>
       <Content>{children}</Content>
     </div>

examples/basic/pages/+config.ts

@@ -7,11 +7,13 @@ import vikeReact from 'vike-react/config'
 
 // Default configs (can be overridden by pages)
 const config = {
-  Layout: LayoutDefault,
-  Head: HeadDefault,
   // <title>
   title: 'My Vike + React App',
-  // Enable HTML streaming (https://vike.dev/stream)
-  stream: true,
+  Head: HeadDefault,
+  // https://vike.dev/Layout
+  Layout: LayoutDefault,
+  // https://vike.dev/ssr - this line can be removed since `true` is the default
+  ssr: true,
+  // https://vike.dev/extends
   extends: vikeReact
 } satisfies Config

examples/basic/pages/index/+Page.tsx

@@ -4,6 +4,9 @@ import React from 'react'
 import { Counter } from '../../components/Counter'
 
 function Page() {
+  // Will be printed on the server and in the browser:
+  console.log('Rendering the landing page')
+
   return (
     <>
       <h1>My Vike + React app</h1>

examples/basic/pages/without-ssr/+Page.tsx

@@ -0,0 +1,22 @@
+export default Page
+
+import React from 'react'
+import { Counter } from '../../components/Counter'
+
+function Page() {
+  // Will be printed only in the browser:
+  console.log('Rendering page without SSR')
+
+  return (
+    <>
+      <h1>Without SSR</h1>
+      This page is rendered only in the browser:
+      <ul>
+        <li>
+          Interactive. <Counter />
+        </li>
+        <li>It isn't rendered to HTML.</li>
+      </ul>
+    </>
+  )
+}

examples/ssr-spa/pages/spa/+config.ts → examples/basic/pages/without-ssr/+config.ts

@@ -1,5 +1,6 @@
 import type { Config } from 'vike/types'
 
 export default {
-  ssr: false // SPA
+  // https://vike.dev/ssr
+  ssr: false
 } satisfies Config

examples/basic/readme.md

@@ -2,8 +2,9 @@ Full-fledged example of using `vike-react`, showcasing:
 
 - [Layout](https://vike.dev/Layout)
 - Fetching data with [`data()`](https://vike.dev/data)
-- [Error page](https://vike.dev/error-page)
+- [Toggling SSR](https://vike.dev/ssr) on a per-page basis.
 - [HTML Streaming](https://vike.dev/streaming)
+- [Error page](https://vike.dev/error-page)
 
 ```bash
 git clone git@github.com:vikejs/vike-react