Configure website for static rendering

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.1",
       "devDependencies": {
         "@sveltejs/adapter-auto": "^2.0.0",
+        "@sveltejs/adapter-static": "^2.0.3",
         "@sveltejs/kit": "^1.20.4",
         "@tailwindcss/typography": "^0.5.9",
         "autoprefixer": "^10.4.14",
@@ -510,6 +511,15 @@
         "@sveltejs/kit": "^1.0.0"
       }
     },
+    "node_modules/@sveltejs/adapter-static": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.3.tgz",
+      "integrity": "sha512-VUqTfXsxYGugCpMqQv1U0LIdbR3S5nBkMMDmpjGVJyM6Q2jHVMFtdWJCkeHMySc6mZxJ+0eZK3T7IgmUCDrcUQ==",
+      "dev": true,
+      "peerDependencies": {
+        "@sveltejs/kit": "^1.5.0"
+      }
+    },
     "node_modules/@sveltejs/kit": {
       "version": "1.27.2",
       "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.2.tgz",

package.json

@@ -11,6 +11,7 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/adapter-static": "^2.0.3",
     "@sveltejs/kit": "^1.20.4",
     "@tailwindcss/typography": "^0.5.9",
     "autoprefixer": "^10.4.14",

src/routes/+layout.server.ts

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/+layout.svelte

@@ -1,5 +1,8 @@
 <script>
+  export const prerender = true;
   import "../app.postcss";
 </script>
 
+export const prerender = true;
+
 <slot />

svelte.config.js

@@ -1,4 +1,4 @@
-import adapter from "@sveltejs/adapter-auto";
+import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from "@sveltejs/kit/vite";
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -11,7 +11,7 @@ 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: adapter({ pages: "dist" }),
   },
 };
 

vite.config.ts

@@ -2,5 +2,12 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()]
+  base: '',
+  root: 'src',
+  plugins: [sveltekit()],
+  build: {
+    outDir: './dist',
+    emptyOutDir: true,
+  }
+
 });