https://github.com/oscarvalenzuela25/mapbox-firebase

App de mapa
https://github.com/oscarvalenzuela25/mapbox-firebase

axios firebase-hosting firebase-realtime-database mapbox-gl project reactjs typescript

Last synced: about 7 hours ago
JSON representation

App de mapa

• Host: GitHub
• URL: https://github.com/oscarvalenzuela25/mapbox-firebase
• Owner: oscarvalenzuela25
• Created: 2022-08-25T02:50:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-22T02:26:21.000Z (almost 2 years ago)
• Last Synced: 2024-11-14T22:14:37.641Z (2 months ago)
• Topics: axios, firebase-hosting, firebase-realtime-database, mapbox-gl, project, reactjs, typescript
• Language: TypeScript
• Homepage: https://front-mapbox-firebase-app.vercel.app/
• Size: 382 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Proyecto de prueba para productos de FireBase

## Descripción

Este es un pequeño proyecto de prueba hecho con mapbox

- Para la key de mapbox ve a la pagina de mapbox y ocupa la apiKey https://www.mapbox.com/

- Los .env de keys externas y variables de entorno se utilizo FireBase con Realtime Database, alli administra las keys del proyecto.

### Probando deploys

- Para los hostings que no podemos utilizar .envs en su entorno, se instalo firebase y para traernos datos sensibles ocupamos realtime database como gestor de keys.

- Recuerda, cuando haces un build este te toma el .env.production y por defecto en desarrollo toma el .env.development

#### Firebase (front app)

- Url https://maps-app-f3c08.web.app/ 

- No tiene para configurar .env facilmente

- Deploy de estaticos por excelencia, se ocupo env-cmd para mandar los .env de prod `"build:prod": "env-cmd -f .env.production npm run build"`

- No tiene un panel para configurar .env asique todo es por codigo

- Se guardo la api key de mapbox en realtime storage para simular un entorno de guardado de keys

- Falta poner la apikey de mapbox en las busquedas, esto es solo de prueba.

#### Netlify (front app) (Gratis la subida de estaticos, el uso de .env en consola es pagado)

- Url https://melodious-pothos-2f5de9.netlify.app/

- Tiene un panel para configurar .env facilmente

- Deploy de estaticos (Gratis) + .envs facilmente

- Se guardo la api key de mapbox en realtime storage para simular un entorno de guardado de keys

- Se guardo tambien la api key de mapbox en vercel para los test de busqueda, pero no se puede utilizar por ser de pago (Pagado)

#### Vercel (El mejor front app + .envs)

- Url https://front-mapbox-firebase-app.vercel.app/

- Tiene un panel para configurar .env facilmente

- Deploy de estaticos + .envs facilmente

- Se guardo la api key de mapbox en realtime storage para simular un entorno de guardado de keys

- Se guardo tambien la api key de mapbox en vercel para los test de busqueda

#### Render (Igual a vercel pero con deploy a servicios webs)

- Url https://front-mapbox-firebase-app.onrender.com/

- Tiene un panel para configurar .env facilmente

- Deploy de estaticos + .envs facilmente

- Se guardo la api key de mapbox en realtime storage para simular un entorno de guardado de keys

- Se guardo tambien la api key de mapbox en vercel para los test de busqueda