Comment personnaliser le tableau de bord/page d'accueil Strapi : la bonne façon

Strapi est un puissant CMS sans tête qui fournit un panneau d'administration robuste. Mais parfois, vous souhaitez vous l'approprier pour l'image de marque, mais la documentation officielle de Strapi manque les procédures de personnalisation de la page d'accueil de l'administrateur. Ce guide rapide vous montre comment personnaliser le panneau d'administration de Strapi de la bonne manière et facilement.

Renommer src/admin/app.example.tsx en app.tsx
Changez le contenu en

// src/admin/app.tsx

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

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

Créez simplement un fichier Homepage.tsx avec votre page d'accueil personnalisée

// 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 }
    }
  },
}

Grâces à Andrew Bone pour sa solution dans https://feedback.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5

Merci d'avoir lu ! J'espère que vous avez appris quelque chose d'utile.

Vous avez des questions ou des idées pour améliorer ce guide ? Faites-le-moi savoir dans les commentaires ci-dessous

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!