---
title: Templates
---

import DocCard from '@theme/DocCard';

Templates provide a convenient way to write HTML content that is rendered dynamically. This rendering can involve model records or any other variables you define.

## Guides

<div className="row category-index-row">
  <article key="introduction" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/introduction", label: "Introduction", docId: "templates/introduction" }} />
  </article>
</div>

## How-to's

<div className="row category-index-row">
  <article key="create-custom-filters" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/how-to/create-custom-filters", label: "Create custom template filters", docId: "templates/how-to/create-custom-filters" }} />
  </article>
  <article key="create-custom-tags" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/how-to/create-custom-tags", label: "Create custom template tags", docId: "templates/how-to/create-custom-tags" }} />
  </article>
  <article key="create-custom-context-producers" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/how-to/create-custom-context-producers", label: "Create custom context producers", docId: "templates/how-to/create-custom-context-producers" }} />
  </article>
  <article key="create-custom-loaders" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/how-to/create-custom-loaders", label: "Create custom loaders", docId: "templates/how-to/create-custom-loaders" }} />
  </article>
</div>

## Reference

<div className="row category-index-row">
  <article key="filters" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/reference/filters", label: "Template filters", docId: "templates/reference/filters" }} />
  </article>
  <article key="tags" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/reference/tags", label: "Template tags", docId: "templates/reference/tags" }} />
  </article>
  <article key="context-producers" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/reference/context-producers", label: "Context producers", docId: "templates/reference/context-producers" }} />
  </article>
  <article key="loaders" className="col col--6">
    <DocCard item={{type: "link", href: "./templates/reference/loaders", label: "Template loaders", docId: "templates/reference/loaders" }} />
  </article>
</div>
