So passen Sie das Strapi-Dashboard/die Homepage an: Der richtige Weg

Strapi ist ein leistungsstarkes Headless-CMS, das ein robustes Admin-Panel bietet. Aber manchmal möchten Sie es für Ihr Branding zu Ihrem eigenen machen, aber in den offiziellen Strapi-Dokumenten fehlen die Anleitungen zum Anpassen der Admin-Homepage. Diese Kurzanleitung zeigt Ihnen, wie Sie Strapis Admin-Panel richtig und einfach anpassen.

Src/admin/app.example.tsx in app.tsx umbenennen
Ändern Sie den Inhalt in

// src/admin/app.tsx

import type { StrapiApp } from "@strapi/strapi/admin"

export default {
  config: {
    locales: [],
  },
  bootstrap() {},
}

Erstellen Sie einfach eine Homepage.tsx-Datei mit Ihrer benutzerdefinierten Homepage

// src/admin/Homepage.tsx

const Homepage = () => {
  return (
    <div
     >



<p>This is how the final version of app.tsx looks like and you are done. ?<br>
</p>

<pre class="brush:php;toolbar:false">// src/admin/app.tsx

import type { StrapiApp } from "@strapi/strapi/admin"

export default {
  config: {
    tutorials: false,
    locales: [],
  },
  bootstrap() {},
  register(app: StrapiApp) {
    const indexRoute = app.router.routes.find(({ index }) => index)
    if (!indexRoute) throw new Error("unable to find index page")
    indexRoute.lazy = async () => {
      const { Homepage } = await import("./Homepage")
      return { Component: Homepage }
    }
  },
}

Herzlichen Dank an Andrew Bone für seine Lösung in https://feedback.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5

Danke fürs Lesen! Ich hoffe, Sie haben etwas Nützliches gelernt.

Haben Sie Fragen oder Ideen zur Verbesserung dieses Leitfadens? Lass es mich unten in den Kommentaren wissen

Das obige ist der detaillierte Inhalt vonSo passen Sie das Strapi-Dashboard/die Homepage an: Der richtige Weg. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!