Use nanostore to manage page titles

Question

Closed this issue 2 years ago · 0 comments

Add a <Head> element to Layout.tsx with <title>{pageTitle.get()}</title>

// store.s
import { atom } from 'https://esm.sh/nanostores@0.7.0'

export const pageTitle = atom('Home')

In other pages just add

// about.tsx
export const handler: Handlers = {
  GET(req, ctx) {
    pageTitle.set('About page')
    return ctx.render()
  },
}