diff --git a/resources/js/layouts/Layout.svelte b/resources/js/layouts/Layout.svelte
new file mode 100644
index 000000000..98c106edf
--- /dev/null
+++ b/resources/js/layouts/Layout.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { useLayoutProps, page } from "@inertiajs/svelte";
+
+	const layout = useLayoutProps({
+		title: "",
+	});
+
+	let { children } = $props();
+</script>
+
+<svelte:head>
+	<title>{$layout.title ? `${$layout.title} - ` : ""}{page.props.appName}</title>
+</svelte:head>
+
+<main>
+	{@render children()}
+</main>