build: add mechanism to build SPA version of the app

README.md

@@ -24,6 +24,14 @@ pnpm build
 
 You can preview the production build with `pnpm preview`.
 
+If you want to create a build that can be statically served, you need to set env `STATIC=TRUE`.
+
+```bash
+STATIC=TRUE pnpm build
+```
+
+The outcome is in `build` folder.
+
 ## Config
 
 Use env variables to specify:

package.json

@@ -23,6 +23,7 @@
 		"@fontsource/source-sans-pro": "^5.0.4",
 		"@multiformats/multiaddr": "^12.1.3",
 		"@sveltejs/adapter-auto": "^2.1.0",
+		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.21.0",
 		"@total-typescript/ts-reset": "^0.4.2",
 		"@typechain/ethers-v6": "^0.5.0",

svelte.config.js

@@ -1,4 +1,5 @@
 import adapter from '@sveltejs/adapter-auto'
+import adapterStatic from '@sveltejs/adapter-static'
 import preprocessor from 'svelte-preprocess'
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -11,7 +12,14 @@ const config = {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter(),
+		adapter: process.env.STATIC
+			? adapterStatic({
+					// default options are shown
+					pages: 'build',
+					assets: 'build',
+					fallback: 'index.html',
+			  })
+			: adapter(),
 	},
 }