How to set a custom route page as the homepage

Support
2

Are you using the custom_homepage approach? It’s our recommended method discussed here.

It works like this:

Step 1 — Enable the modifier in your theme’s about.json:

{
  "name": "My Custom Homepage Theme",
  "modifiers": {
    "custom_homepage": true
  }
}

Step 2 — Create a connector for the custom-homepage outlet or use Block System

javascripts/discourse/connectors/custom-homepage/my-homepage.gjs


import Component from "@glimmer/component";

export default class MyHomepage extends Component {
  <template>
    {{! Your custom homepage content goes here }}
    <div class="my-custom-homepage">
      <h1>Welcome!</h1>
    </div>
  </template>
}

Block system:

The /home method is outdated.