Give agents a CMS.
Give clients an editor.
Ship more.

// Getting "How we ship product design systems in under 90 days" from blog by slug
import { bcms } from '@/bcms';
import type { BlogEntry } from '@bcms-types/ts';
 
export default async function Page() {
  const entry = (await bcms.entry.getBySlug(
    'how-we-ship-product-design-systems-in-under-90-days',
    'blog',
  )) as BlogEntry;
 
  if (!entry) {
    return <div>Entry not found</div>;
  }
 
  return (
    <main>
      <h1>{entry.meta.en.title}</h1>
      <p>Slug: {entry.meta.en.slug}</p>
    </main>
  );
}

---
// Getting "How we ship product design systems in under 90 days" from blog by slug
import { bcms } from '../bcms';
import type { BlogEntry } from '@bcms-types/ts';
 
const entry = (await bcms.entry.getBySlug(
  'how-we-ship-product-design-systems-in-under-90-days',
  'blog',
)) as BlogEntry;
---
 
{entry ? (
  <main>
    <h1>{entry.meta.en.title}</h1>
    <p>Slug: {entry.meta.en.slug}</p>
  </main>
) : (
  <div>Entry not found</div>
)}

<!-- Getting "How we ship product design systems in under 90 days" from blog by slug -->
<script setup lang="ts">
import { bcms } from '~/bcms';
import type { BlogEntry } from '@bcms-types/ts';
 
const entry = (await bcms.entry.getBySlug(
  'how-we-ship-product-design-systems-in-under-90-days',
  'blog',
)) as BlogEntry;
</script>
 
<template>
  <main v-if="entry">
    <h1>{{ entry.meta.en.title }}</h1>
    <p>Slug: {{ entry.meta.en.slug }}</p>
  </main>
  <div v-else>Entry not found</div>
</template>