>웹 프론트엔드 >JS 튜토리얼 >Strapi 대시보드/홈 페이지를 사용자 정의하는 방법: 올바른 방법

Strapi 대시보드/홈 페이지를 사용자 정의하는 방법: 올바른 방법

DDD
DDD원래의
2024-12-12 20:18:16577검색

How to customize Strapi Dashboard / Home Page: The Right Way

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에게 감사를 표합니다

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

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

위 내용은 Strapi 대시보드/홈 페이지를 사용자 정의하는 방법: 올바른 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.