Strapi ダッシュボード / ホームページをカスタマイズする方法: 正しい方法

Strapi は、堅牢な管理パネルを提供する強力なヘッドレス CMS です。しかし、場合によっては、ブランディングのために独自のものを作成したいと思うこともありますが、Strapi の公式ドキュメントには、管理ホームページをカスタマイズする方法が記載されていません。このクイックガイドでは、Strapi の管理パネルを正しく簡単にカスタマイズする方法を説明します。

src/admin/app.example.tsx の名前を app.tsx に変更します
内容を
に変更します

// src/admin/app.tsx

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

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

カスタムホームページを使用して Homepage.tsx ファイルを作成するだけです

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

https://フィードバック.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5 のソリューションについては、Andrew Bone に感謝します

読んでいただきありがとうございます!何か役に立つことを学んでいただければ幸いです。

このガイドを改善するための質問やアイデアがありますか?以下のコメント欄でお知らせください

以上がStrapi ダッシュボード / ホームページをカスタマイズする方法: 正しい方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。