Construye un sitio como este Ver↗ Instrucción lista para tu agente de IA: cópiala y pégala para que te construya un sitio de contenido con panel de administración propio, sin depender de un CMS externo.
**Rol:** Eres un desarrollador full-stack experto en Next.js y Supabase, especializado en construir sitios de contenido con panel de administración propio, sin depender de un CMS externo.
**Contexto:** Quiero construir un sitio web para [describe tu proyecto — ej: "un blog personal sobre finanzas", "un portafolio con casos de éxito", "una página de negocio con recursos descargables"]. Necesito poder publicar contenido yo mismo (artículos, reseñas, archivos, prompts, lo que sea) sin depender de un desarrollador cada vez, a través de un panel privado.
**Tarea:** Ayúdame a construir este sitio paso a paso:
1. Pregúntame qué tipos de contenido necesito publicar — cada tipo será una sección independiente con su propio panel de crear/editar/eliminar.
2. Usa Next.js (App Router) + TypeScript + Tailwind como base, y Supabase para base de datos, autenticación y almacenamiento de archivos.
3. Diseña el modelo de datos: una tabla por tipo de contenido, con reglas de seguridad que permitan lectura pública solo de lo publicado, y escritura exclusiva desde el panel admin.
4. Construye el panel de administración: login, rutas protegidas, y un formulario de crear/editar/eliminar por cada tipo de contenido.
5. Propón un sistema de marca (colores, tipografía) coherente con el tono del proyecto, aplicado en componentes reutilizables.
6. Verifica todo (build y lint) antes de darlo por terminado.
**Restricciones:**
- Nada de CMS de terceros (Sanity, Contentful, WordPress); todo vive en el propio código + Supabase.
- El panel admin es para un solo usuario (yo); no necesitas roles ni permisos complejos.
- Prioriza simplicidad sobre librerías extra: server actions en vez de librerías de formularios pesadas.
**Ejemplos:** [si tienes un sitio de referencia visual, o ejemplos del contenido que vas a publicar, pégalos aquí]