Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sombriks/sample-firebase
sample firebase
https://github.com/sombriks/sample-firebase
firebase vue
Last synced: 4 days ago
JSON representation
sample firebase
- Host: GitHub
- URL: https://github.com/sombriks/sample-firebase
- Owner: sombriks
- Created: 2022-09-16T01:10:33.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-26T02:31:17.000Z (almost 2 years ago)
- Last Synced: 2024-05-02T06:09:47.379Z (7 months ago)
- Topics: firebase, vue
- Language: Vue
- Homepage: https://sample-firebase-2022.web.app/
- Size: 390 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# sample firebase
testing everything firebase has
## how to run this project
```bash
npm install
npm run emulators
# do this into another terminal
npm run dev
```## how to create a project skeleton like this
```bash
mkdir sample-firebase
cd sample-firebase
npm init -y
npm i -D firebase-tools
npx firebase login
npm firebase init
# several interactive prompts...
```select any firebase feature you wish, except for functions
add `firebase emulators:start` on package.json as the "emulators" script
create another project with [create-vue](https://github.com/vuejs/create-vue)
and move the artifacts into this new project.change `hosting>public` folder from _public_ to _dist_ in
[firebase.json](firebase.json).[create a web application on firebase web console](https://firebase.google.com/docs/web/setup?)
and put the info inside a [.env file](.env). also add it as
[secrets in your github project](https://docs.github.com/en/actions/security-guides/encrypted-secrets)
if you plan to use actions to build and deploy.## known issues
- if you plan to use firebase functions you will need a
[blaze plan](https://firebase.google.com/pricing) for your firebase project.
- [GitHub action](https://github.com/FirebaseExtended/action-hosting-deploy)
only publishes the hosting project. complete deploy running locally only.## next steps
- [X] how to combine emulators structure into modern frontend tools
- [X] the use of cloud functions
- [X] the use of firebase authentication
- [X] use of firebase hosting
- [X] the use of firestore / realtime database
- [ ] use of file store
- [ ] use of pub/sub
- [ ] how to properly setup GitHub action to build and deploy