Astro Firebase Auth Example

This project demonstrates how to integrate Firebase Authentication into an Astro project using Astro Actions.

Getting Started

Follow these steps to get the project up and running:

Prerequisites

• Node.js and npm installed
• Firebase project set up

Installation

1. Clone the repository:

git clone https://github.com/mhdZhHan/astro-firebase-auth.git
cd astro-firebase-auth

2. Install dependencies:

npm install

3. Set up your Firebase configuration in .env:

API_KEY=your_api_key
AUTH_DOMAIN=your_auth_domain
PROJECT_ID=your_project_id
STORAGE_BUCKET=your_storage_bucket
MESSAGING_SENDER_ID=your_messaging_sender_id
APP_ID=your_app_id
MEASUREMENT_ID=your_measurement_id

Running the Project

Start the development server:

npm run dev

Open your browser and navigate to http://localhost:3000.

Usage

• Sign up with a new account.
• Log in with your credentials.
• View user information on the profile page.
• Log out from the profile page.

Learn More

For a detailed guide on integrating Firebase Auth with Astro Actions, check out my blog post