Customize the Admin Dashboard (Welcome Page) [v4]
M
Marco Wuethrich Pr
In v3 you could override the admin dashboard as follows: https://forum.strapi.io/t/customize-the-dashboard-welcome-page/939/2
This no longer works in v4, or in other words no one in the community knows how to do this.
The patch-package method is not a sustainable solution and not clean, I see that some people in the community would also like to know how to solve this in v4.
y
yoya
The present welcome page is predominantly tailored for developers, showcasing technical resources and developer oriented content. This focus, while well-intentioned, is misaligned with the reality that a large portion of Strapi users are non-technical individuals.
For example, features as last updated content, useful shortcuts, personalized tutorial notes, layout customization or even having a two welcome model pages : one for technical users and one for non technical one.
Hard to explain to a client it will display github links and dev tutorials.
r
rinzler
See also https://github.com/strapi/strapi/issues/19516 https://forum.strapi.io/t/customize-the-dashboard-welcome-page.
The community is being completely ignored.
r
rinzler
Please, at least change the default welcome page to not contain all that tech info and allow us to add our own links and text. It would actually be better to have a blank welcome page with just a "welcome" message at the top than to have all that useless or noisy info. My users are all non-tech users, so that default info is completely useless to them and it's actually just noise. Please, implement this as soon as possible, at least for this welcome page. It's so important to us. Thanks.
wtf
True ! but as said by others this shouldn't be limited to dashboard customization, in v3 you could override any part of the UI and this was really GREAT 😭
being unable to customize how relations render, how the main menu looks, the way dates render in list, etc. is really sad for a tool aimed at developers.
A
Ankit Agarwal
I am able to solve this using the below steps:
We need to override index.js for Welcome page (@strapi\admin\admin\src\pages\HomePage\index.js) once "npm i" is executed.
Steps to achieve this:-
Step 1 Define postinstall task in package.json using the below line
"scripts": {
....,
"postinstall": "node override.js",
....
}
Step 2 Create override.js file in the root folder(sibling of pacakge.json) with the content below
const { cpSync } = require("fs");
cpSync("@strapi, "node_modules/@strapi", { recursive: true });
Note:- All the files which has to overridden using the above steps
Strapi folder structure see here https://github.com/strapi/strapi/tree/main/packages/core/admin
Andrey
Ankit Agarwal: Hello, please give me an example. Thank you
nguyen nhu
Any following updates?
trsh
I also need to customize the dashboard badly.
A
Aniket Das
Will this be implemented in near future?
LaoHan
Any following updates?
Charles
There could be an option in the settings that removes the
advertising
and has a clean interface for admins and editors. I understand this welcome
dashboard is welcoming to newcomers, but it would be great to disable these welcoming features when they become more of a distraction than beneficial to the editor. Having lots of things to click on and read is overwhelming and we should have a simple option that at the least hides these nuances; maybe by a simple css
display: none
.Update: the
display: none
works quite well and is the quickest and simplest option, but may create other issues if the welcoming dashboard is used in place of analytics or other functionality of the sort.A little checkbox in the settings could allow execution of some javascript that disables these welcoming features with CSS.
J
Jannis
Charles: can you please elaborate how you managed to do this (e.g. adding custom css to app.js?)
Thank you so much
r
rinzler
Charles: Yes, what do you mean by "
display: none
works quite well"? Is this feature already available? If yes, can you provide more details on how to add it? Also, none
is not Javascript.Load More
→