Skip to content

Repositorio de desarollo con Cloud Techonologies conectado especificamente a la herramienta de hosting de Firebase

Notifications You must be signed in to change notification settings

Manuxxrsb/Google-Cloud-Practice

Repository files navigation

Deploy a firebase

  1. Dirijete a firebase y haz click en configuracion del proyecto

  2. baja hasta your apps y click en webapp

  3. coloca el nombre a tu app y presiona la casilla de abajo y en registrar app

  4. Instala el CLI de firebas en caso de que no lo tengas instalado con: npm install firebase

  5. Luego las herramientas de firebase para CLI en linea de comandos con: npm install -g firebase-tools

  6. En caso de no estar logueado: firebase login

  7. 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

  8. 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

  1. Es recomendado tener andando la app para el deploy asi que npm run dev y luego firebase deploy

  2. Dale al desarrollo de tu app

React Web

Instalacion para desarrollar

  1. npm install
  2. npm start o npm run dev
  3. Abrir el navegador en el link presentado en la terminal
  4. Dale al desarrollo

Tecnologias

  • React + Vite
  • TypeScript
  • Tailwind CSS
  • Firebase

Firebase

Hosting

About

Repositorio de desarollo con Cloud Techonologies conectado especificamente a la herramienta de hosting de Firebase

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published