Come modificare la homepage con una pagina di routing personalizzata

Stai utilizzando l’approccio custom_homepage? È il metodo consigliato, di cui abbiamo parlato qui.

Funziona così:

Passo 1 — Abilita il modificatore nel file about.json del tuo tema:

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

Passo 2 — Crea un connettore per l’outlet custom-homepage:

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

import Component from "@glimmer/component";

export default class MyHomepage extends Component {
  <template>
    {{! Il contenuto della tua homepage personalizzata va qui }}
    <div class="my-custom-homepage">
      <h1>Benvenuto!</h1>
    </div>
  </template>
}