Fix issue with folder structure and huge html file on build. Also hopefully make Google like me again

Author: matfantinel

package-lock.json

@@ -11,7 +11,7 @@
     "postbuild": "svelte-sitemap --domain https://fantinel.dev"
   },
   "devDependencies": {
-    "@sveltejs/adapter-static": "^1.0.0-next.17",
+    "@sveltejs/adapter-static": "^1.0.0-next.29",
     "@sveltejs/kit": "next",
     "eslint": "^7.22.0",
     "eslint-config-prettier": "^8.1.0",

package.json

@@ -1,6 +1,6 @@
 <script context="module">
 	export async function load({ fetch, url }) {
-		const jsonUrl = url.pathname + '.json';
+		const jsonUrl = url.pathname.replace(/\/\s*$/, "") + '.json';
 		const res = await fetch(jsonUrl);
 
 		if (res.ok) {

src/routes/[slug]/__layout.reset.svelte

@@ -1,10 +1,17 @@
 import posts from '$lib/posts';
 
 export async function get() {
-	const body = Object.keys(posts).map((slug) => ({
-    slug,
-    ...posts[slug],
-  }));
+	const body = Object.keys(posts).map((index) => {
+    const { slug, title, date, excerpt, tags, readingTime } = posts[index]
+    return {
+      slug,
+      title,
+      date,
+      excerpt,
+      tags,
+      readingTime
+    }
+  });
 
 	return {
     status: 200,

src/routes/blog.json.js

@@ -1,12 +1,14 @@
 <script context="module">
 	export async function load({ fetch }) {
-		const url = '/posts.json?limit=4';
+		const url = '/posts.json';
 		const res = await fetch(url);
 
+		const test = await res.json()
+
 		if (res.ok) {
 			return {
 				props: {
-					posts: await res.json()
+					posts: test
 				}
 			};
 		}

src/routes/index.svelte

@@ -1,10 +1,17 @@
 import posts from '$lib/posts';
 
 export async function get() {
-	const body = Object.keys(posts).slice(0, 4).map((slug) => ({
-    slug,
-    ...posts[slug],
-  }));
+	const body = Object.keys(posts).slice(0, 4).map((index) => {
+    const { slug, title, date, excerpt, tags, readingTime } = posts[index]
+    return {
+      slug,
+      title,
+      date,
+      excerpt,
+      tags,
+      readingTime
+    }
+  });
 
 	return {
     status: 200,

src/routes/posts.json.js

@@ -35,7 +35,11 @@ const config = {
 	extensions: extensions,
 
 	kit: {
-		adapter: adapter()
+		adapter: adapter(),
+		prerender: {
+			default: true
+		},
+		trailingSlash: 'always'
 	}
 };