https://github.com/sean1093/react-firebase-starter
An example to deploy a react webapp on firebase hosting.
https://github.com/sean1093/react-firebase-starter
create-react-app create-react-app-template firebase firebase-hosting front-end-development frontend frontend-app frontend-web react reactjs yarn
Last synced: 5 months ago
JSON representation
An example to deploy a react webapp on firebase hosting.
- Host: GitHub
- URL: https://github.com/sean1093/react-firebase-starter
- Owner: sean1093
- License: mit
- Created: 2020-07-11T09:36:53.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T22:21:57.000Z (about 3 years ago)
- Last Synced: 2024-04-16T17:06:25.872Z (almost 2 years ago)
- Topics: create-react-app, create-react-app-template, firebase, firebase-hosting, front-end-development, frontend, frontend-app, frontend-web, react, reactjs, yarn
- Language: JavaScript
- Homepage:
- Size: 5.4 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-firebase-starter
An example to deploy a react webapp on firebase hosting.
## Step by step
### How to create a Firebase project
Go to [Firebase console](https://firebase.google.com/). Select the Add Project. And follow the step by step to configure your firebase project.
### Create your webapp
```sh
npx create-react-app app
```
### Setup the Firebase environment
```sh
npm install -g firebase-tools
```
### Add Firebase into your project
Login Firebase with your Google account first
```sh
firebase login
```
To connect your local project to your Firebase project, run the following command from the root of your local project directory
```sh
firebase init
```
### Deploy your webapp
In app directory, build your react webapp
```sh
yarn build
```
To deploy to your site, run the following command from the root of your local project directory
```sh
firebase deploy
```
## Reference
* [How to deploy a react webapp on firebase hosting](https://medium.com/p/41abf06db13d)
* [Firebase hosting quickstart](https://firebase.google.com/docs/hosting/quickstart)