How do I implement SPA with client-side routing ?

[unoexperto]

Could you please advise How I can implement SPA with client-side routing ?

Here is skeleton project I'm playing with
https://github.com/unoexperto/vike-solidjs-test

My goal is to build static client side with it (index.html + assets) and serve it from nginx so that dynamic endpoints such as /star-wars/2 were correctly resolved on the client if webserver sends index.html for such requests.

I was able to do it with solid-start but I'm struggling how to achieve that with vike.

Thanks!

[brillout]

Does #1476 answer your question? If you can wait a little bit: it's going to be implemnted sooner rather than later.

[unoexperto]

I'm afraid it's beyong my understanding of the framework yet (I'm backend engineer with my second day with frontend :)

1. I don't have vike.config.js but I have vite.config.ts;
2. Creating +config.ts under /pages/star-wars/ with following content

export default {
    prerender: {
        // All parameterized (i.e. dynamic) routes inside /pages/todos/ fallback to /todos
        fallback: '/star-wars'
    }
}

gave me following error on pnpm build (because it expects prerenderer to be boolean)

vike v0.4.166 pre-rendering HTML...
Error: [vike][Wrong Usage] Config prerender defined at /pages/star-wars/+config.ts > export default { prerender } has an invalid type object: it should be a boolean instead
    at assertConfigValueType (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/shared/page-configs/helpers/getConfigValue.js:29:5)
    at getConfigValue (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/shared/page-configs/helpers/getConfigValue.js:13:9)
    at file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/prerender/runPrerender.js:117:29
    at Array.forEach (<anonymous>)
    at collectDoNoPrerenderList (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/prerender/runPrerender.js:115:17)
    at runPrerender (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/prerender/runPrerender.js:92:11)
    at runPrerenderFromAutoFullBuild (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/prerender/runPrerender.js:47:9)
    at triggerFullBuild (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/plugin/plugins/autoFullBuild.js:92:9)
    at Object.handler (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected][email protected]/node_modules/vike/dist/esm/node/plugin/plugins/autoFullBuild.js:31:25)
    at async Promise.all (index 0)
    at PluginDriver.hookParallel (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19491:9)
    at file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:20486:13
    at catchUnfinishedHookActions (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19907:16)
    at build (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-B-u6xNiR.js:67250:22)
    at CAC.<anonymous> (file:///home/expert/work/sideprojects/bitparticles/frontend-solid/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/cli.js:842:9

[brillout]

It's a feature request, it isn't implemented yet.