-
Dirijete a firebase y haz click en configuracion del proyecto
-
baja hasta your apps y click en webapp
-
coloca el nombre a tu app y presiona la casilla de abajo y en registrar app
-
Instala el CLI de firebas en caso de que no lo tengas instalado con:
npm install firebase
-
Luego las herramientas de firebase para CLI en linea de comandos con:
npm install -g firebase-tools
-
En caso de no estar logueado:
firebase login
-
antes de inicias el proyecto debes crear en src un archivo llamado firebase.js y en el archivo debes poner el codigo de la web de instrucciones el que aparece en configuraciones de la app
-
Ahora podemos iniciar el proyecto en firebase con:
firebase init
, aqui puedes configurar que trabaje con github y deberas seguir las nstrucciones
-
OJO cuando te pregunte que repositorio quieres hacer publico debes colocar
dist
muy importante este paso!!!! -
Puedes configurar el proyecto para que cada vez que se haga una PR se deploye desde la rama main
-
Puedes configurar el proyecto para que cada vez que se haga un push a la rama main se deploye
-
una vez terminado esto debemos dirijirnos al archivo firebase.js y agregar el siguiente codigo debajo de rewrites para que se pueda deployar automaticamente:
"predeploy":[npm run build]
, esto hace que se inicie la React web
-
Es recomendado tener andando la app para el deploy asi que
npm run dev
y luegofirebase deploy
-
Dale al desarrollo de tu app
- npm install
npm start
onpm run dev
- Abrir el navegador en el link presentado en la terminal
- Dale al desarrollo
- React + Vite
- TypeScript
- Tailwind CSS
- Firebase