New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

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?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

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.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(