Frontend

The framework encourages server-side rendering with Hono’s HTML helper (re-exported by the @alstar/studio package):

import { defineEntry, html } from '@alstar/studio'

export default defineEntry((c) => {
  const slug = c.req.param('slug')
  
  return html`
    <h1>Hello World</h1>
    <p>This page is: ${slug}</p>
  `
})

Interactivity

Even though the framework allows for having any library and tool for creating client-side behavior, it's recommended to use lightweight libraries such as:

• Datastar (used internally by the Studio)
• Alpine.js