跳到主要内容

Admin panel customization

The front-end part of Strapi is called the admin panel. The admin panel presents a graphical user interface to help you structure and manage the content that will be accessible through the Content API. The admin panel is a React-based single-page application that encapsulates all the features and installed plugins of a Strapi application.

Admin panel customization is a broad topic in Strapi and covers the following aspects:

  • Some parts of the admin panel can be customized to better reflect your brand identity or to modify some default Strapi behaviors.
  • Some other parts of the admin panel, such as the WYSIWYG editor and the bundler, can be replaced.
  • The admin panel can also be extended to add new features or customize the existing user interface.

Depending on what you want to achieve, you might need to update different parts of Strapi, as summarized in the following table:

Customization use caseHow to customize itRelated documentation
Update the admin panel's host, port, and pathBy updating the code of the config/admin.ts|js file Host, port, and path configuration
  • Replace the logos and favicon
  • Disable video tutorials or notifications about new Strapi releases
  • Define locales and extend translations
  • Extend the theme
By updating the code of the src/admin/app.ts|js fileCustomization options
Choose and configure a bundlerBy writing some code in dedicated configuration files found in the src/admin folderBundlers
Replace or customize the WYSIWYG editor(Various strategies available, see related documentation)WYSIWYG editor
Extend the admin panel(Various strategies available, see related documentation)Extension
Deploy the admin panel(Various strategies available, see related documentation)Deployment
Customize the email templatesDirectly from the admin panel through the settings for the Users & Permissions pluginUser Guide for the Users & Permissions plugin