Sometimes our FE framework make the default history mode is hash mode. So the url gonna look like this: https://domain.com/#/path It looks unnatural and also make us confuse when navigating. To remove this: In the code Do not use createWebHashHistory Use createWebHistory instead In the root directory create new file name: netlify.toml content is below, this is to make sure our spa app is handling the routing, not the webserver...
Step 1: Google Cloud console settings Link: https://console.cloud.google.com/apis/credentials? You need to have google cloud project. Then go to Clients → OAuth 2.0 Client IDs Add the supabase project url to the origins and redirect urls <PROJECT_ID>.supabase.co Now you have to take note these 2 keys: GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET These keys gonna be used in the next step. Step 2: Supabase Auth settings Go to Authentication → Sign in / Provider. In the Auth Providers list, enable Google Then click to the Google to setup....