SSR disabling doesn't work

[plush mortar]

I'd like to generate blog during the build and never refetch this data again (SSG / prerender or however u wanna call it)

With this configuration every after running pnpm build && pnpm serve each request still triggers this 5s timeout so ssr wasn't disabled for some reason. Am I doing something wrong?

export const Route = createFileRoute("/blog")({
    component: RouteComponent,
    ssr: false,
    loader: async () => {
        console.log("loading blog route");
        await new Promise((r) => setTimeout(r, 5000));
        return [
            {
                title: "Blog",
                description: "Blog description",
            },
            {
                title: "Blog 2",
                description: "Blog description 2",
            },
            {
                title: "Blog 3",
                description: "Blog description 3",
            },
        ];
    },
});

import { defineConfig } from 'vite'
import { devtools } from '@tanstack/devtools-vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import viteReact from '@vitejs/plugin-react'
import viteTsConfigPaths from 'vite-tsconfig-paths'
import tailwindcss from '@tailwindcss/vite'
import { nitro } from 'nitro/vite'

const config = defineConfig({
  plugins: [
    devtools(),
    nitro(),
    // this is the plugin that enables path aliases
    viteTsConfigPaths({
      projects: ['./tsconfig.json'],
    }),
    tailwindcss(),
    tanstackStart({
      prerender: {
        enabled: true,
        filter: ({ path }) => path.includes('blog'),
      },
    }),
    viteReact({
      babel: {
        plugins: ['babel-plugin-react-compiler'],
      },
    }),
  ],
})

export default config

[plush mortar]

So I think I am missing something and I should be using https://tanstack.com/start/latest/docs/framework/react/guide/static-server-functions

But still why do I need any JSONs? I just want this html to be static

Runtime

Initially, the prerendered page's html is served and the server function data is embedded in the html
When the client mounts, the embedded server function data is hydrated
For future client-side invocations, the server function is replaced with a fetch call to the static JSON file

Becuase this still means in a loder we call something to obtain the data for a page that was SSG'ed

And I don't want that.

[hybrid yew]

then don't render Scripts

[plush mortar]

Can u elaborate? @hybrid yew

I don't understand what rendering the scripts has to do with it?

[hybrid yew]

Scripts component will hydrate your app

if you want a fully static site, don't render that component

[plush mortar]

What if i want one static site

[hybrid yew]

then all links will be hard links

[plush mortar]

and all the other as it is?

[hybrid yew]

static as in what?

[plush mortar]

As I said goal is to have CSR as it is and one fully static site

generated during build

Imagine this blog site that fetches data during build and only there

[hybrid yew]

ok then prerender just the site you want

[plush mortar]

I am doing it but data is fetchedin the loader

And loader also runs during hydration

So I need something like loader that runs only during build and this is what I am struggling to achieve

[hybrid yew]

loader should never run during hydration as it already ran during prerender

[plush mortar]

It does in the examples I sent above

[hybrid yew]

can you please provide this as a complete project I can clone ?

[plush mortar]

https://github.com/stachujone5/tanstack-start-prerender-repro

That's the reproduction -> when I build this project and go to prerenderd blog page when I inspect HTML it's not prerendered - body is empty. Loader (5s) timeout runs on every request.

Goal is to have / and /vip CSR -> disabled SSR (that is set when creating route) so loaders should run only client side and /blog should not run loader on the client but just when building the project

[plush mortar]

@hybrid yew

And half of the behviour I want can be achived by settings ssr: true on the /blog route then HTML body is prerendered properly and when I go initially to localhost:3000/blog Loader is not invoked however when I go to localhost:3000 and from there I click /blog link I wait 5s because loader runs on the client.