Stuck to setup custome login in nocobase

devsaxena012 · September 24, 2025, 8:19am

I need help setting up a custom login screen in NocoBase. I’d like to override the default login page and use my own design and logic. Could someone please guide me on the correct way to implement this?

Where should I add or override the login component?
Do I need to create a custom plugin for this, or can it be directly configured in the client app?
If anyone has a sample or best practices for customizing the authentication UI, that would be really helpful.

shleyZ · September 24, 2025, 12:14pm

you can refer this:
https://docs.nocobase.com/plugin-samples/router/replace-page

taichu · February 25, 2026, 2:36pm

github.com

taichuy/nocobase-plugin-login-lite/blob/46f99414ddf3ab1e318de950981089b366383d5b/README_EN.md

# @taichuy/plugin-login-lite

**English** | [简体中文](./README.md)

Custom Login Page Configuration Plugin for NocoBase (Lite Version).
This plugin allows you to customize the appearance and behavior of the NocoBase login page directly from the admin panel.

## Usage

1.  **Enable Plugin**: Go to the NocoBase Plugin Manager, search for `@taichuy/plugin-login-lite` and enable it.
2.  **Access Configuration**: After enabling the plugin, refresh the page, find and click the "Login Configuration" menu in the system settings or sidebar.
3.  **Add Configuration**: Click the "Add" button and choose to create a "Home configuration".
4.  **Apply Configuration**: In the configuration list, toggle the "Enable" switch to apply the configuration. Only one home configuration can be enabled at a time.

## Preview

The plugin supports multiple languages. These screenshots show the Chinese interface, but the UI will adapt to your selected language.

<img src="https://raw.githubusercontent.com/taichuy/docs/main/docs/nocobase/plugin-login-lite.assets/image-20251225111506531.png" alt="Preview" style="zoom: 33%;" />

This file has been truncated. show original

taichu · February 25, 2026, 2:39pm

Dynamically configure login page.

From the Chinese community, supporting multiple languages