Demo Site (right click and open in a new tab)
Nextjs app using Firebase Authentication(with anonymous sign-in), Firebase Realtime Database.
First, in your Firebase console, activate "Authentication" and "Realtime Database".
And enable anonymous auth:
In the Firebase console, open the Authentication section.
On the Sign-in Methods page, enable the Anonymous sign-in method.
Next, in your workspace, create "/src/_DoNotCommit" directory.
Then, copy files from "_DoNotCommit_OriginalFiles" to the newly created directory.
Update the copied files with your Firebase settings.
Recover node_modules from package-lock.json.
npm ci
Finally, run the development server.
npm run dev
Open http://localhost:3000 with your browser to see the result.