Add base template for website preview route

web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.server.ts

@@ -0,0 +1,19 @@
+import { randomUUID } from "node:crypto";
+import { mkdir, writeFile } from "node:fs/promises";
+import { extname, join, relative } from "node:path";
+
+export const load = async ({ parent }) => {
+  const { website } = await parent();
+
+  return {
+    website
+  };
+};
+
+export const actions = {
+  publishWebsite: async ({ fetch }) => {
+    console.log("test");
+  }
+};
+
+const generateWebsiteOutput = async () => {};

web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { enhance } from "$app/forms";
+  import WebsiteEditor from "$lib/components/WebsiteEditor.svelte";
+
+  const { data } = $props();
+</script>
+
+<WebsiteEditor
+  id={data.website.id}
+  title={data.website.title}
+  previewContent="https://aurora.thilohohlt.com"
+  fullPreview={true}
+>
+  <section>
+    <h2>Publish website</h2>
+
+    <p>
+      The preview area on this page allows you to see exactly how your website will look when it is
+      is published. If you are happy with the results, click the button below and your website will
+      be published on the Internet.
+    </p>
+
+    <form method="POST" action="?/publishWebsite" use:enhance>
+      <button type="submit">Publish</button>
+    </form>
+  </section>
+</WebsiteEditor>