Customize the front login page

nazrin · January 2, 2025, 7:26am

I plan to add logo and a banner on the main page of the login. Where is the directory i could access and made that modification.

support · January 2, 2025, 8:02am

Please refer to this sample: docs.nocobase.com/plugin-samples/router/replace-page/

Aretxaga · May 18, 2026, 11:23pm

The sample page does not exist anymore. Is there new example we can view?

hongboji · May 19, 2026, 12:53am

Please refer to:

github.com

nocobase/docs/blob/8e03338e024a7c61a3579049a50b156501f9955a/docs/en-US/plugin-samples/router/replace-page/index.md

# Replace Page

## Description

Scene where the layout of an existing page needs to be changed or the entire content of the page needs to be replaced.

## Example Description

We need to customize the layout of the login and registration pages. Currently, there is only a form, but we want to change it to a left-right layout, with an image on the left and the form on the right.

You can find the complete example code for this documentation in the [plugin-samples](https://github.com/nocobase/plugin-samples/tree/main/packages/plugins/%40nocobase-sample/plugin-replace-page) repository.

![20240512200917](https://static-docs.nocobase.com/20240512200917.png)

## Initialize the Plugin

Following the instructions in the [Writing Your First Plugin](/development/your-fisrt-plugin) documentation, if you don't have a project yet, you can create one. If you already have one or have cloned the source code, you can skip this step.

```bash
yarn create nocobase-app my-nocobase-app -d postgres

This file has been truncated. show original