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://feedback.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5에서 솔루션을 제공한 Andrew Bone에게 감사를 표합니다

읽어주셔서 감사합니다! 유용한 정보를 얻으셨기를 바랍니다.

이 가이드 개선을 위한 질문이나 아이디어가 있습니까? 아래 댓글로 알려주세요