Skip to content

chemiadel/nextjs-firebase-tailwindcss

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

🚀 NextJS, FirebaseAuth & Tailwindcss with Typescript

📝 Written with TypeScript

🔒 Client-side authentication sample with Credentials/Google Signin

🔒 Server-side authentication with cookies sample

🦚 with Tailwindcss layout

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Firebase Config

Firebase config: Console > Project settings > General.

Firebase-Admin config: Console > Project settings > Service accounts.

Update .env

#Firebase-admin
type=
project_id=
private_key_id=
private_key=
client_email=
client_id=
auth_uri=
token_uri=
auth_provider_x509_cert_url=
client_x509_cert_url=

#firebase
NEXT_PUBLIC_apiKey=
NEXT_PUBLIC_authDomain=
NEXT_PUBLIC_projectId=
NEXT_PUBLIC_storageBucket=
NEXT_PUBLIC_messagingSenderId=
NEXT_PUBLIC_appId=

Enjoy! 🤘