How to Replace Default Frappe Login Page with Custom React Login and Disable Original Login

Hello everyone,

I have built a custom React application on top of Frappe, and it includes its own login page.

My goal is to make my custom React login page the main and only login entry point, and completely disable the default Frappe login page.

Currently, users can still access the standard Frappe login page, and I want to prevent that to ensure all authentication goes through my custom React app.

I would like to know:

  1. What is the correct way to override or replace the default Frappe login route?

  2. How can I fully disable or block access to the default Frappe login page?

  3. What is the recommended approach to keep authentication and session handling working properly with Frappe backend when using a custom frontend login?

If anyone has experience with this setup or can point me to the correct documentation or best practice, I would really appreciate your guidance.

Thank you in advance.

Hi

I would highly encourage you to check out: hooks.py (link)

Maybe you could start experimenting around:

Create a react page within Desk: React in Desk Pages ERPNext 15 - #8 by nikkothari22