Blog slots

Use blog slots when you want to add a promo, a newsletter signup or extra content to the blog without replacing its pages. For how useHook, priority, fallback and cleanup work, see Slots and Page frame slots.

ContextCopy Anchor Link

No blog slot passes its own context. Every handler receives only twilight (store, theme and more). To show article data, read it from your own hook or loader.

Blog indexCopy Anchor Link

Route: Blog.

ArticleCopy Anchor Link

Route: Article.

Category, tag and author pagesCopy Anchor Link

Routes: Category, Tag, Author.

These three pages share one layout: breadcrumb, categories sidebar, then the main column.

With articles:

With no articles:

Replace <page> with category, tag or author.

ExampleCopy Anchor Link

Add a newsletter prompt below every article, using the article slot. Render the component once under your layout, as described in useHook.

import { useHook } from '@salla.sa/twilight-theme-engine/hooks/useHook';

export function ArticleNewsletter() {
  useHook('blog:single.end', () => (
    <aside className="mt-8 rounded border p-4">
      <h2 className="font-bold">Enjoyed this article?</h2>
      <p className="text-sm">Subscribe to get new posts in your inbox.</p>
    </aside>
  ));
  return null;
}

NextCopy Anchor Link

• Slots explains how registration, priority and fallback work.
• useHook is the API used above.
• Account slots covers the customer pages.