sechops.dev
Subscribe on YouTube

Content Components

Shared components and formatting for MDX content

Code Blocks

Fenced code blocks are highlighted at build time. Include a language identifier after the opening fence.

const briefing = {
  title: 'A little context goes a long way.',
  topics: ['Cloud', 'Security', 'DevOps'],
};

Linked Cards

The Card and Cards components preserve the existing MDX authoring format.

Browse the episodes

All briefings, with search and topic filters.

Meet the hosts

The engineers behind the show.

Participant Metadata

The Avatar component accepts a userId from data/users.ts. Routine episode host cards should use participants frontmatter instead; the episode renderer handles their layout.

Headings And Navigation

Episode pages derive their section navigation from second- and third-level headings. Keep existing heading text stable so bookmarked section links continue to work.