如何定制 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 }
    }
  },
}

感谢 Andrew Bone 在 https://feedback.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5 中提供的解决方案

感谢您的阅读！我希望你学到了一些有用的东西。

对改进本指南有疑问或想法吗？请在下面的评论中告诉我

以上是如何定制 Strapi 仪表板/主页：正确的方法的详细内容。更多信息请关注PHP中文网其他相关文章！