For creating a SvelteKit SPA app, we first need to set up SvelteKit to have all the pages pre-rendered. For this, for every +page.svelte we need to add a +page.server.ts or a +page.server.js with the following –
export const prerender = true; export const ssr = true;
This will create the corresponding pages for each route. For example, if we have a URL like example.com/about, we will have an about.html page getting created.
However, putting the build folder directly under a simple nginx config doesn’t work. Since the URL does not have an .html extension, even if those pages are there, nginx doesn’t show them.