added frontend scaffholding

web/App.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+import { onMount } from "svelte";
+	const slug = window.location.pathname.split("/").pop();
+
+	let data: String = null
+
+	onMount(async () => {
+		const res = await fetch(`/s/${slug}`);
+		document.title = slug;
+	});
+
+</script>
+
+<main>
+	<div>{ slug }</div>
+	<div>
+		{#if data === null}
+        	Loading data...
+    	{:else}
+        	{data}
+    	{/if}
+	</div>
+</main>
+
+<style>
+
+</style>

web/global.d.ts

@@ -0,0 +1 @@
+/// <reference types="svelte" />

web/main.ts

@@ -0,0 +1,7 @@
+import App from "./App.svelte";
+
+const app = new App({
+	target: document.body,
+});
+
+export default app;