close

Home page

You can define the content of the Home page through frontmatter, see FrontMatter Config for detailed types. Here is a simple example:

---
pageType: home
title: Rspress
titleSuffix: 'Rsbuild-based Static Site Generator'

hero:
  name: Rspress
  text: A documentation solution
  tagline: A modern documentation development technology stack
  actions:
    - theme: brand
      text: Introduction
      link: /en/guide/introduction
    - theme: alt
      text: Quick Start
      link: /en/guide/getting-started

features:
  - title: 'MDX Support'
    details: MDX is a powerful way to write content. You can use React components in Markdown.
    icon: 📦
  - title: 'Feature Rich'
    details: Out of box support for i18n, full-text search etc.
    icon: 🎨
  - title: 'Customizable'
    details: You can customize the theme ui and the build process.
    icon: 🚀
---

Home components

The Rspress Home page consists of these components, which you can customize via eject:

Note

You can also customize the entire home page by overriding the HomeLayout component. However, if you do this, you will need to handle the reading of these frontmatter fields yourself.

Configuration

For complete frontmatter configuration options for the Home page, please refer to Frontmatter Config.