Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mhdzhhan/astro-firebase-auth
🍁 Integrate Firebase Authentication into an Astro project using Astro Actions. 🔥
https://github.com/mhdzhhan/astro-firebase-auth
actions astro firebase-auth
Last synced: about 2 months ago
JSON representation
🍁 Integrate Firebase Authentication into an Astro project using Astro Actions. 🔥
- Host: GitHub
- URL: https://github.com/mhdzhhan/astro-firebase-auth
- Owner: mhdZhHan
- License: mit
- Created: 2024-07-23T17:15:20.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-25T07:23:58.000Z (6 months ago)
- Last Synced: 2024-07-25T21:02:32.018Z (6 months ago)
- Topics: actions, astro, firebase-auth
- Language: Astro
- Homepage: https://astro-firebase-auth.vercel.app
- Size: 85.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/mhdZhHan/astro-firebase-auth.git
cd astro-firebase-auth
```
2. Install dependencies:
```bash
npm install
```
3. Set up your Firebase configuration in `.env`:
```python
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:
```bash
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](https://mohammedsh.xyz/blog/2024-07-24-integrating-firebase-auth-into-your-astro-project-with-astro-actions)