NextJS Basic Login with Firebase

This is a basic Next.js template and uses Firebase to authenticate users and shows the GitHub repos.

Live Version

Check out the Live Version here: not deployed yet.

Table of Contents

• About
• Live-version
• Things Required
• Make it yours
• How to Use
• Technologies Used
• Support

Things required

Follow these steps

• You need to create a project inside firebase.google.com and after that, visit https://console.developers.google.com/apis/credentials but make sure to select the project that you have created in firebase before.

• And then click the web client under OAuth 2.0 Client IDs and you will find your client and secrets there.

• Next you will have to add the deployed or local frontend link in the field under the Authorized JavaScript origins. for instance, http://localhost:3000.

Save it.

Make it yours

NEXT_PUBLIC_GITHUB_REPO_URL="api.github.com/users/<username>"



NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=

How To Use

From your command line, clone and run devFolio:

# Clone this repository
git clone https://github.com/realtouseef/next-login-firebase.git

# Go into the repository
cd devFolio

# Install dependencies
npm install
yarn

# Start a local dev server
npm start
yarn dev

Technologies Used

• NextJS
• TaiwlindCSS
• Firebase

🙏 Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️