Reactjs authentication using firebase auth (using the new v9 API). The benefit of using this new API is that the final bundle size is much smaller compared to the previous - which in turn makes your React site efficient and load much faster.
You can use this template as a starting point for any application that needs authentication.
The template is based on ChakraUI (incl. Dark Mode), though you can use any UI library you like but you need to do the relevant changes and keep the code related to firebase authentication - the logic remains the same in any UI.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Note: Before running npm start
do place the relevant environment variables in the .env.local
file for firebase configuration.
You can learn more about this project on our Youtube channel yoursTruly.