← Volver al blog
Next.js

¿Cómo lanzamos nuestro blog en menos de un día usando Supabase?

Iván MokIván Mok3 minutos
¿Cómo lanzamos nuestro blog en menos de un día usando Supabase?

Cuando decidimos crear un blog para nuestra empresa, teníamos una cosa muy clara: necesitábamos una solución sencilla, rápida y que no nos consumiera tiempo en configuración y mantenimiento. Nuestro foco principal estaba en compartir contenido valioso para captar clientes potenciales y demostrar nuestra experiencia técnica y capacidad profesional, no en administrar infraestructura complicada.

Después de investigar distintas alternativas, elegimos Supabase, una plataforma que ofrece todo lo necesario para desplegar aplicaciones web sin complicarnos con servidores propios.

¿Por qué elegimos Supabase?

La respuesta corta es simple: porque nos permite enfocarnos en lo realmente importante, que es crear buen contenido y desarrollar una buena experiencia para los usuarios, sin perder tiempo en administrar servidores, bases de datos o seguridad.

Supabase nos brindó:

  • Una base de datos PostgreSQL completamente administrada y lista para usar.
  • Una API automática generada instantáneamente para acceder a nuestra información desde el frontend.
  • Almacenamiento en la nube fácil de usar para guardar imágenes y otros medios.
  • Un sistema de seguridad robusto con políticas simples pero efectivas.

Nuestro proceso paso a paso

1. Crear un proyecto en Supabase

Iniciamos creando un proyecto desde cero en la plataforma. Fue tan simple como registrarse, crear la base de datos, y en minutos ya teníamos nuestras claves de acceso y una URL para consumir datos directamente desde nuestra aplicación.

2. Modelo de datos sencillo

Creamos una tabla articulos con campos básicos:

  • Título: para identificar rápidamente el contenido.
  • Slug: para URLs amigables y fáciles de compartir.
  • Contenido: nuestro texto principal.
  • Autor y Fecha: para organizar fácilmente las publicaciones.

Además, aprovechamos las Row Level Security Policies de Supabase para asegurar que solo los miembros autorizados de nuestro equipo puedan crear o editar contenido.

3. Integrar con nuestra aplicación web (Next.js)

Conectar Supabase con nuestro frontend (hecho en Next.js) resultó sumamente simple. Utilizamos el cliente oficial de Supabase, lo configuramos con las claves públicas proporcionadas y empezamos a consumir los datos al instante. La curva de aprendizaje fue mínima.

4. Flujo de publicación sin esfuerzo

Nuestro flujo quedó optimizado de la siguiente manera:

  • El redactor crea contenido desde nuestro panel interno.
  • Al guardarse un post, Supabase registra la entrada en la base de datos.
  • Automáticamente, Supabase envía eventos en tiempo real que actualizan instantáneamente el contenido del blog, proporcionando una experiencia fluida.
  • Las imágenes asociadas se almacenan directamente en Supabase Storage, sirviéndose desde una red CDN para mejorar el rendimiento global.

Beneficios tangibles que experimentamos

  • Velocidad: Nuestro blog pasó de ser una idea a estar completamente operativo en menos de un día, algo impensable con soluciones tradicionales.
  • Sin preocupaciones técnicas: Supabase maneja automáticamente la escalabilidad, el rendimiento y la seguridad.
  • Reducción de costos: Al no administrar servidores propios, eliminamos gastos y dedicación en mantenimiento técnico.

¿Qué sigue ahora?

Actualmente estamos explorando funciones avanzadas que ofrece Supabase, como funciones edge y sistemas de suscripción para permitir comentarios en tiempo real y notificaciones push, agregando así mayor interacción con nuestros lectores.

Integrar Supabase significó concentrarnos plenamente en lo esencial: generar contenido valioso y crecer, sin distraernos con aspectos técnicos complejos.