main.html
<!DOCTYPE html>
<html lang="en" data-theme="{{theme}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{block "title" .}}Example{{end}}</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/htmx-ext-sse@2.2.2/sse.min.js"></script>
{{frontend_script}}
</head>
<body class="min-h-screen bg-base-200">
<div class="navbar bg-base-100 shadow-lg">
<div class="flex-1">
<a href="/" class="btn btn-ghost text-xl">Example App</a>
</div>
<div class="flex-none">
<ul class="menu menu-horizontal px-1" hx-boost="true">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
</ul>
</div>
</div>
<main class="container mx-auto p-8">
{{block "content" .}}{{end}}
</main>
</body>
</html>