# Homepage Blocks

**URL:** <https://meta.discourse.org/t/homepage-blocks/347066>\
**Category:** Theme component\
**Created:** [January 14, 2025, 1:32pm UTC](https://meta.discourse.org/t/homepage-blocks/347066 "2025-01-14T13:32:21Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [January 14, 2025, 1:32pm UTC](https://meta.discourse.org/t/homepage-blocks/347066/1 "2025-01-14T13:32:21Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Build a custom homepage with configurable block components |
| 🛠 | **Repository** | [Manuel Kostka / Discourse / Blocks / Homepage Blocks · GitLab](https://gitlab.com/manuelkostka/discourse/blocks/homepage-blocks) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

This component combines features from [Right Sidebar Blocks](https://meta.discourse.org/t/right-sidebar-blocks/231067) and the [custom homepage route](https://github.com/discourse/discourse/pull/26291). It initializes the route and allows you to organize content blocks on the homepage, offering flexibility in layout and content presentation.

Below are two example views: the first shows a homepage with basic blocks stacked on top of each other, while the second demonstrates the same layout with custom styles applied:

 ![Screenshot 2025-01-14 at 10-40-23 Homepage Blocks](https://global.discourse-cdn.com/meta/original/4X/e/9/e/e9e0af5eaefec3190f6205580e38986b56b61c83.png)  
 ![Screenshot 2025-01-14 at 10-41-01 Homepage Blocks](https://global.discourse-cdn.com/meta/original/4X/6/6/c/66c135134a810161a82e8933256a6b055bf8a8e9.png)

## Editing blocks

You can customize blocks through the component settings. Each block is added by specifying its Ember component name:

 ![A screenshot of an interface with multiple dropdown menus and name inputs labeled "block-banner", "block-top-tags", and "block-upcoming-events", among others. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/a/9/ca9e085a11fb68de117690d36f01e2cd5aef7aa5.png)

After adding a block, you can adjust its properties using available parameters:

 ![The image shows a user interface with text fields for a "block banner," including title, subtitle, and class options. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/8/4/c/84c2481963ed879343752e94dbafc5713679198d.png)

## Available blocks

You can add any Ember component using its component name. Additionally, I have a collection of blocks available at [Blocks · GitLab](https://gitlab.com/manuelkostka/discourse/blocks). These are primarily variations from Right Sidebar Blocks.

For detailed information on each block, like the component name, available parameters and template layout, refer to their `README` file.

 ![A documentation page for the "Featured List" block component, detailing parameters and template code for creating a featured list with multiple filters. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/8/d/3/8d3bcdc31d60387297f8c46717def65bca7da4d7.png)

---

_[View the full topic](https://meta.discourse.org/t/homepage-blocks/347066)._