Firebase es tu mejor aliado para MVPs

Cuando estás construyendo un Producto Mínimo Viable (MVP), la velocidad lo es todo. Quieres validar tu idea de negocio lo antes posible, no pasar semanas configurando servidores, balanceadores de carga o gestionando certificados SSL. Aquí es donde entra Firebase.

En este tutorial, vamos a desplegar una aplicación web simple que incluye:

1. Hosting rápido y seguro.
2. Autenticación con Google.
3. Base de Datos en tiempo real (Firestore).

Todo esto en menos de 10 minutos. ¿Listo?

Requisitos previos

• Tener instalado Node.js.
• Una cuenta de Google.

Paso 1: Configuración del proyecto

Ve a la Consola de Firebase y crea un nuevo proyecto. Llámalo como quieras, por ejemplo mi-super-mvp. Desactiva Google Analytics por ahora para hacerlo más rápido.

Paso 2: Instalación de herramientas

Abre tu terminal e instala la CLI de Firebase globalmente:

npm install -g firebase-tools

Luego, inicia sesión con tu cuenta de Google:

firebase login

Paso 3: Inicialización

Navega a la carpeta de tu proyecto web (puedes crear una con npm create vite@latest) y ejecuta:

firebase init

Selecciona las siguientes opciones con la barra espaciadora:

• Firestore: Configure security rules and indexes files for Firestore
• Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys

Cuando te pregunte por el directorio público, si usas Vite escribe dist, si es HTML plano escribe public.

Paso 4: ¡A programar

Agrega la lógica de autenticación en tu main.js. Firebase lo hace extremadamente simple:

import { initializeApp } from "firebase/app";
import { getAuth, signInWithPopup, GoogleAuthProvider } from "firebase/auth";

const firebaseConfig = {
  // ... tus credenciales de la consola
};

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);

const login = () => {
    const provider = new GoogleAuthProvider();
    signInWithPopup(auth, provider)
        .then((result) => console.log(result.user));
};

Paso 5: Despliegue

Una vez que tu aplicación funcione localmente, compílala (si usas un framework) y súbela a la nube con un solo comando:

npm run build # Solamente si usas Vite/React/Vue/Astro
firebase deploy

¡Felicidades! 🎉 Tu aplicación ahora vive en https://tu-proyecto.web.app con certificado SSL automático y CDN global.

¿Qué sigue?

Ahora que tienes la base, puedes explorar Cloud Functions para lógica de backend serverless o Storage para subir imágenes. Firebase escala contigo, desde tu primer usuario hasta el millón.