Achieve super fast load time with any framework

CDN, thats all you need, no ssr, no streaming, just plain old cdn. Here's an app I made using this method: kon.chat Ill teach you how to make a fast loading web app, no more delays due to cold starts, cheap cost as you are only paying for the network traffic, in any framework. The secret is to build it into an spa, no kidding, its that simple. Especially when combined with caching you can get super fast load time with relatively cheap cost. Frameworks like next and sveltekit allows you to build your app into spa with next having an additional benefits to host your api in different infrastructure if you are using vercel. Thats all you need to know, go try it out and see if you like it. I'll be going into further details for the ones that are interested in how to do this in sveltekit. Here is the code to make your sveltekit app into an spa: // svelte.config.js import adapter from '@sveltejs/adapter-static'; export default { kit: { adapter: adapter({ fallback: '200.html' // may differ from host to host }) } }; You must turn off ssr in the root +layout.js/ts in order to make your app into an spa. Fallback html is different depending on the host, for vercel, use 404.html Note: using prerender + eager preloading will help with caches (will talk about this in another post) Read more about sveltekit true spa here: https://svelte.dev/docs/kit/single-page-apps

Mar 31, 2025 - 23:56

Achieve super fast load time with any framework

CDN, thats all you need, no ssr, no streaming, just plain old cdn. Here's an app I made using this method: kon.chat

Ill teach you how to make a fast loading web app, no more delays due to cold starts, cheap cost as you are only paying for the network traffic, in any framework.

The secret is to build it into an spa, no kidding, its that simple. Especially when combined with caching you can get super fast load time with relatively cheap cost. Frameworks like next and sveltekit allows you to build your app into spa with next having an additional benefits to host your api in different infrastructure if you are using vercel.

Thats all you need to know, go try it out and see if you like it. I'll be going into further details for the ones that are interested in how to do this in sveltekit.

Here is the code to make your sveltekit app into an spa:

// svelte.config.js
import adapter from '@sveltejs/adapter-static';

export default {
    kit: {
        adapter: adapter({
            fallback: '200.html' // may differ from host to host
        })
    }
};

You must turn off ssr in the root +layout.js/ts in order to make your app into an spa. Fallback html is different depending on the host, for vercel, use 404.html

Note: using prerender + eager preloading will help with caches (will talk about this in another post)

Read more about sveltekit true spa here: https://svelte.dev/docs/kit/single-page-apps