Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kevinzunigacuellar/astro-firebase
Astro SSR with Firebase example
https://github.com/kevinzunigacuellar/astro-firebase
Last synced: 5 days ago
JSON representation
Astro SSR with Firebase example
- Host: GitHub
- URL: https://github.com/kevinzunigacuellar/astro-firebase
- Owner: kevinzunigacuellar
- Created: 2023-03-23T03:33:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-15T01:36:53.000Z (over 1 year ago)
- Last Synced: 2024-11-02T02:33:49.629Z (12 days ago)
- Language: TypeScript
- Homepage: https://astrossr-firebase.vercel.app
- Size: 609 KB
- Stars: 57
- Watchers: 3
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Astro Firebase example
This is a simple example of how to use Astro SSR with Firebase.
## Description
This is a birthday reminder app that allows you to store your friends birthdays and shows how many days are left until their birthday.
## Firebase services used
- Firestore
- Firebase Authentication
## Stack
- [Astro](https://astro.build)
- [Tailwind CSS](https://tailwindcss.com)
- [Firebase](https://firebase.google.com)
- [Solid.js](https://solidjs.com)
## Prerequisites
To run this example you need a Firebase project. You can create one from the [Firebase console](https://console.firebase.google.com/).
Because this app is server side rendered (SSR), it requires both Admin SDK and Client SDK credentials.
- You can get your client credentials from the Firebase project settings under the "General" tab.
- You can get your admin credentials from the Firebase project settings under the "Service accounts" tab.
Update your client credentials in `src/lib/firebase/client` and your admin credentials in `src/lib/firebase/server` and `.env` with your own.
## Getting started
Install the dependencies
```bash
pnpm install
```
To start the dev server
```bash
pnpm dev
```
> This app uses the Vercel adapter for Astro. If you would like to use a different adapter, you can install it and update the `astro.config.mjs` file.