Content in your repo. Edited live on your site, by people and AI.

1
2
3
4
5
6
7
8
9
10
11

import { defineModel, field } from "@backmatter/core";

export default defineModel({
  type: "page",
  path: "content/page/{slug}.mdx",
  route: "/{slug}",
  fields: {
    title: field.text({ required: true }),
    body: field.blocks(),
  },
});

1
2
3
4
5
6
7
8
9
10
11
12

import { defineBlock, field, type InferBlockProps } from "@backmatter/core";

const fields = {
  heading: field.text({ required: true }),
  items: field.array("faqItem"),
} as const;

export function Faq(props: InferBlockProps<typeof fields>) {
  return <Accordion heading={props.heading} items={props.items} />;
}

export default defineBlock({ name: "Faq", fields, component: Faq });

1
2
3
4
5
6
7
8
9
10
11
12
13

import { defineBlock, field, type InferBlockProps } from "@backmatter/core";

const fields = {
  headline: field.text({ required: true }),
  lede: field.text(),
  image: field.image(),
} as const;

export function Hero(props: InferBlockProps<typeof fields>) {
  return <Banner title={props.headline} text={props.lede} src={props.image} />;
}

export default defineBlock({ name: "Hero", fields, component: Hero });

1
2
3
4
5
6
7
8
9
10

---
title: Home
description: Solar installs for homes and small businesses.
---

<Hero headline="Power that pays for itself" />

Most roofs pay back in seven years. We handle the permits.

<Faq heading="Questions we get a lot" />

1
2
3
4
5
6
7
8
9

---
title: About us
description: A small crew of electricians who like roofs.
---

<Hero headline="Twelve years on the roof" lede="Family-run since 2014." />

We started with one van and a ladder. Today we install
around four hundred systems a year across the region.