Skip to content

Instantly share code, notes, and snippets.

@rodydavis

rodydavis/pocketbase-htmx.html

Created July 10, 2024 19:25
Show Gist options
  • Save rodydavis/0160dd3d1a6f9120f2e0721529fceb25 to your computer and use it in GitHub Desktop.
Save rodydavis/0160dd3d1a6f9120f2e0721529fceb25 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pocketbase-htmx.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Posts</title>
<script src="https://unpkg.com/htmx.org@1.4.1"></script>
<script src="https://unpkg.com/htmx.org@1.4.1/dist/ext/client-side-templates.js"></script>
<script src="https://unpkg.com/mustache@latest"></script>
</head>
<body>
<div hx-ext="client-side-templates">
<button
hx-get="/api/collections/posts/records"
hx-swap="innerHTML"
hx-target="#content"
mustache-template="foo"
>
Load posts
</button>
<p id="content">No posts found</p>
<template id="foo">
<ul>
{{#items}}
<li>{{title}}</li>
{{/items}}
</ul>
</template>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment