> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

## Server-side rendered custom header and footer

customization, components, docs.yml

Replace Fern's default header or footer with your own React components using the new `header` and `footer` properties in `docs.yml`.

**`docs.yml`**

```yaml docs.yml
header: ./components/CustomHeader.tsx
footer: ./components/CustomFooter.tsx
```

Components are server-side rendered for better SEO and performance, with no layout shifts during page load.

Read the docs