Overriding frontend components
Once you are able to build the frontend in your project (see previous section), you can override some parts of the frontend with a drop-in replacement you built yourself.
This enables you to customize Richie to your own needs in the same way you could do it with backend templates by overriding templates or blocks which do not suit your needs.
Defining your overrides
Create a json
settings files somewhere in your project. You'll use it to declare the overrides for your custom Richie build.
Currently, it is only possible to override components. Richie's build is only set up to handle them.
Inside, create an object with only one key: "overrides"
. This is an object, whose key-value pairs is the name of a component as a key and the path to the drop-in replacement as the value.
{
"overrides": {
"CourseGlimpse": "src/richie/components/CustomCourseGlimpse.tsx"
}
}