Crearás un videoblog geek paso a paso con Firebase, integrando autenticación, Firestore, notificaciones, storage y hosting. Verás cómo modelar datos, filtrar consultas y configurar un proyecto real desde la consola, con prácticas que escalan y cuidan la privacidad.
¿Qué proyecto construirás con Firebase?
El objetivo es un videoblog donde los usuarios se autentican y publican posts con título, enlace a video e imagen opcional. Tras iniciar sesión, se muestra avatar y mensaje de bienvenida. Si agregas imagen, el post mostrará la imagen y el enlace al video; si no la agregas, se mostrará el video directamente. Practicarás reglas de seguridad en Firestore, estructura de colecciones y documentos, y tipos de datos para un CRUD seguro.
- Autenticación con email y password, o con Google, Facebook y GitHub.
- Publicación de posts con enlaces e imágenes opcionales.
- Consultas con filtros: “mis posts” o “todos los posts”.
- Carga de archivos al storage y registro en la base de datos.
- Notificaciones al crear un nuevo post.
- Despliegue en hosting para la web.
¿Cómo se integran autenticación y posts con Firestore?
Aprenderás a conectar el flujo de inicio de sesión con la creación y lectura de datos en Firestore, garantizando que cada usuario gestione su propio contenido.
¿Cómo funciona la autenticación de usuarios?
- Inicio de sesión con email y password o con Google, Facebook y GitHub.
- Al autenticarse, se muestra foto de perfil y saludo de bienvenida.
- Identidad verificada para asociar autoría de cada post.
¿Cómo crear y visualizar posts?
- Ejemplo de post: “Reglas de seguridad en Firestore”.
- Campos clave: título, enlace de video, imagen (opcional).
- Si hay imagen: se muestra imagen y un enlace para ir al video.
- Si no hay imagen: se muestra el video embebido en el post.
¿Cómo consultar por mis posts o todos?
- Filtro “mis posts”: consulta por el usuario autenticado.
- Filtro “todos los posts”: lista global de la comunidad.
- Uso de consultas y filtros de Firestore para eficiencia.
¿Cómo crear un proyecto en la consola de Firebase?
Configurarás tu primer proyecto desde firebase.google.com, con parámetros de identidad y ubicación de datos que impactan costo, latencia y privacidad.
- Entra a firebase.google.com e inicia sesión con tu cuenta de Gmail.
- Ve a la consola (acceso de developers).
- Crea un nuevo proyecto y elige un nombre único en toda la plataforma.
- La interfaz muestra un identificador único del proyecto.
- Define dónde almacenar los datos de Analytics y de Firestore: puedes elegir el data center según requerimientos de privacidad o cercanía.
- Revisa configuración predeterminada, acepta términos y crea el proyecto.
- Al finalizar, pulsa Continuar para ver el panel con servicios a la izquierda.
- Plan inicial: Spark (gratuito); podrás cambiarlo más adelante según el uso.
Servicios que implementarás en el proyecto:
- Firestore: colecciones, documentos, tipos de datos y filtros.
- Reglas de seguridad para proteger lectura/escritura por usuario.
- Storage: subir la imagen al crear un post y guardar la referencia en la base.
- Notificaciones al publicar un nuevo ítem.
- Hosting para servir la aplicación web.
- Functions con Node.js en enfoque Serverless para lógica adicional.
¿Te gustaría extender el videoblog con más filtros o formatos de post? Cuéntalo en los comentarios y qué parte quieres profundizar a continuación.
