clairechabas / auth-firebase-next-react-jotai

🚀 Starter Next.js App With Firebase Auth | Next.js 13 + React 18 + Firebase v9 + Jotail

🚀 Starter Next.js App With Firebase Auth

This repo is a starter to initialize a Next.js application with a fully functional authentication system using Firebase v9, using TypeScript, React & Jotai.

Feel free to clone or fork this repo to kickstart your next project in minutes 🔥

If you're interested in learning the concepts used in this repo, I'm giving the final touch to a complete guide to set up and manage auth in a Next.js + React application with Firebase and Jotai. I will add the link here when it's published.

☝️ This project would be better suited for production with tests. I will add those incrementally. Stay tuned.

Features

• Sign-up/sign-in with email/password
• Sign-in with Google
• Sign-in with magic link
• Reset password
• Sign out
• Add/remove user in Firestore on account creation/deletion with Firebase Cloud Functions
• Auth modal state management with Jotai

Getting Started

1. Clone this repo and install the dependencies:

npm install
# or
yarn install
# or
pnpm install

2. Create a new project in Firebase and set it up for Firebase Auth, Functions and Firestore.

3. Set the environment variables: copy the .env.example into a .env.local file and set each variable with your own values.

4. Install the Firebase CLI

npm install -g firebase-tools
# or
yarn global add firebase-tools
# or
pnpm add -g firebase-tools

5. Deploy the Firebase Cloud Functions

firebase deploy --only functions

6. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Enjoy!

auth-firebase-next-react-jotai's Issues

.firebaserc project config property

Hi Claire, this is the best Next + Firebase Auth content I have come across and I have read a lot so far. I am reading this repo and also your related Medium article https://medium.com/gitconnected/auth-with-firebase-for-your-next-js-react-app-in-2023-a30b65b5b2b1.

One issue I ran into is the project config in the .firebaserc file. I figured it out, replaced your project id with mine.

I thought you might want to update your doc or something.

404 Not Found: https://auth-firebase-next-react-jotai.vercel.app/

Just a reminder that the website link for the project isnt't working anymore (incase yoou wanna update)