Struggling to Remove Supabase Auth
hey first time posting here so this is my first time using metronic react 9.2.3 and i want to remove the default supabase auth... ive followed all the steps here:
https://docs.keenthemes.com/metronic-react/guides/custom-auth
to disable the supabase auth but after doing this i see more references of supabase inside callback-page.tsx components as well as change-password.tsx page
how do i tweak those component pages to remove the errors??
and as for components available to use... can we import any component from reui ?? or only the components available under the components/ui folder in the vscode project structure they provide or are they the same as reui?
Replies (1)
Hi Mohammad Ahnaf
Removing Supabase References from All Pages
Here’s how to clean them up:
a. Identify Supabase Usage
Open callback-page.tsx and change-password.tsx.
Look for any imports like:
import { supabase } from "@/lib/supabase"or any function calls like supabase.auth.*.
b. Remove or Replace Supabase Code
Delete any Supabase-related imports.
Remove or replace any code that uses Supabase for authentication, password reset, or session management.
If these pages are only for Supabase flows (like password reset), you can:
- Delete the entire file if you don’t need that feature.
- Or, replace the logic with your own custom authentication logic.
c. Clean Up Navigation/Routes
Check your routing (e.g., in app/router.tsx or similar) for any routes pointing to Supabase-specific pages and remove them if not needed.
Using ReUI Components
In Metronic React, the components/ui folder contains pre-integrated or customized components for your project.
You can import any component from ReUI (if you have it installed as a dependency), not just those in components/ui.
To use a ReUI component:
import { Button } from "reui"The components/ui folder may contain wrappers or customizations.
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
