Bug do sveltekit contornado sveltejs/kit#8676

src/components/Link.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    export let href: string;
+    function click(path: string, e: MouseEvent){
+        if(import.meta.env.DEV) return;
+        e.preventDefault();
+        window.location.href = `${path}.html`;
+    }
+</script>
+
+<a href={href} on:click={(e) => click(href, e)}>
+    <slot />
+</a>

src/routes/+page.svelte

@@ -3,6 +3,7 @@
     import FaGithubSquare from 'svelte-icons/fa/FaGithubSquare.svelte';
     import FaDiscord from 'svelte-icons/fa/FaDiscord.svelte';
     import ContatoIcon from '../components/ContatoIcon.svelte';
+    import Link from '../components/Link.svelte';
 
     let contatos: HTMLDivElement;
 
@@ -16,12 +17,18 @@
         <p class="text-secondary-1 text-xl">Olá, meu nome é</p>
         <h1 class="text-gray-200 text-5xl md:text-6xl lg:text-9xl mb-2">Aerton Oliveira</h1>
         <h2 class="text-gray-300 text-xl">Sou desenvolvedor de software, construtor de sites, aplicativos e games.</h2>
-        <button 
-            class="border-secondary-1 rounded-md border-2 text-secondary-1 hover:bg-secondary-1 hover:text-primary-4 transition-all text-xl p-1 mt-3"
-            on:click={scrollToContatos}>
-            Entrar em contato
-        </button>
-        <a class="border-tertiary-1 rounded-md border-2 text-tertiary-1 hover:bg-tertiary-1 hover:text-primary-4 transition-all text-xl p-1 ml-2 cursor-pointer" href="/blog">Blog</a>
+        <div class="flex mt-3">
+            <button 
+                class="border-secondary-1 rounded-md border-2 text-secondary-1 hover:bg-secondary-1 hover:text-primary-4 transition-all text-xl p-1"
+                on:click={scrollToContatos}>
+                Entrar em contato
+            </button>
+            <Link href="/blog">
+                <div 
+                    class="border-tertiary-1 rounded-md border-2 text-tertiary-1 hover:bg-tertiary-1 hover:text-primary-4 transition-all text-xl p-1 ml-2 cursor-pointer" 
+                >Blog</div>
+            </Link>
+        </div>
     </div>
 </main>
 

src/routes/blog/+page.server.ts

@@ -0,0 +1,5 @@
+export function load() {
+      return {
+        posts: ['testezinho', 'eae'],
+      }
+}

src/routes/blog/+page.svelte

@@ -1 +1,13 @@
-<h1>Blog</h1>
+<script lang="ts">
+    import Link from "../../components/Link.svelte";
+
+    export let data: {posts: string[]};
+</script>
+
+<h1>Blog</h1>
+{#each data.posts as post}
+    <Link 
+    href={`/blog/${post}`}
+    >post</Link>
+{/each}
+<!-- on:click={(e) => clickPost(post, e)} -->

src/utils/redirect.ts

@@ -0,0 +1,4 @@
+export function redirectTo(path: string, e: MouseEvent){
+    e.preventDefault();
+    window.location.href = path;
+}

svelte.config.js

@@ -14,7 +14,7 @@ export default {
       strict: true
     }),
     prerender: {
-      entries: ['*', '/blog/post/testezinho']
+      entries: ['*']
     }
   },
   preprocess: vitePreprocess()