Ctrl K
ComunidadGuías…
GITHUB · ANALIZADO

notion-as-blog

Plantilla de blog autoalojable que utiliza Notion como CMS, construida con Next.js 16 y TypeScript. Incluye SEO optimizado, modo oscuro, búsqueda interna y proxy de imágenes para enlaces externos de Notion.

Ficha actualizada 25 sept 2026, 17:30 · upstream 25 sept 2026, 17:25 · release sin release detectada

Ver códigoProblemas y ayudaRepositorio ↗Sitio oficial
00

Qué es notion-as-blog

Descripción editorial construida a partir del repositorio, su documentación y sus señales de mantenimiento.

Notion-As-Blog transforma una plantilla duplicada en un blog de producción utilizando Notion como sistema de gestión de contenidos (CMS). La arquitectura se basa en Next.js 16 con App Router, TypeScript y Tailwind CSS 4, permitiendo generación estática y renderizado híbrido para optimizar el rendimiento. El proyecto incluye características nativas como modo oscuro, búsqueda full-text, RSS, sitemap y proxy de imágenes firmado para evitar enlaces caducados.

CASOS DE USO
  • Blog personal o técnico con gestión de contenido en Notion
  • Sitio corporativo de noticias o actualizaciones de producto
  • Portafolio profesional con artículos y perfiles de autores
  • Documentación de software complementada con tutoriales
  • Comunidad técnica con series de artículos y navegación por categorías
PUNTOS DESTACADOS
  • CMS nativo en Notion: redacción directa en la interfaz sin migrar contenido
  • SEO completo: Open Graph dinámico, sitemap.xml, robots.txt y JSON-LD
  • Proxy de imágenes estable para archivos alojados en Notion
  • Modo oscuro automático con detección del sistema operativo
  • Comentarios integrados mediante Giscus (GitHub Discussions)
  • Listas de reproducción por series con navegación anterior/siguiente
PRECAUCIONES
  • Dependencia obligatoria de la API de Notion y una integración conectada
  • Configuración de categorías debe coincidir exactamente entre el código y la base de datos
  • El estado 'PublicOnDetail' requiere URL directa, sin control de acceso por defecto
  • Límites de tasa de la API gratuita de Notion pueden afectar a búsquedas o actualizaciones
  • Requiere duplicación manual de la plantilla en el workspace de Notion antes del despliegue
VISUAL

Capturas del proyecto

Imágenes reales detectadas en la documentación del repositorio.

Documentation home lightDocumentation home darkDocumentation articleMobile documentation homeNotion-As-Blog — write in Notion, publish with Next.js
01

Perfil de infraestructura

Estimación inicial derivada del repositorio y de los servicios detectados.

CPU2 vCPUrecomendación inicial
MEMORIA2 GBRAM estimada
DISCO10 GBalmacenamiento base
COMPLEJIDADmediumnivel de operación
02

Despliegue detectado

Qué señales reales de instalación hemos encontrado.

Listo para automatizar

Desplegar vía Docker o Node.js. Configurar variables: NOTION_API_KEY, NOTION_DATA_SOURCE_ID y TOKEN_FOR_REVALIDATE. Es obligatorio duplicar la plantilla en Notion y conectar la integración para obtener los IDs de fuente de datos. Asegurar que las categorías en brand.ts coincidan con los valores Select de la base de datos.

✓Dockerfile
✓Compose
✓One-click
03

Stack y dependencias

Componentes inferidos a partir de manifests, configuración y documentación.

FRAMEWORKS
Next.jsReactNode.js
SERVICIOS
No detectados
BASES DE DATOS
No detectadas
PUERTOS
3000
05

Puede sustituir a

Relaciones detectadas por el análisis del repositorio y su categoría.

06

Experiencia real de la comunidad

Ayuda a contrastar la estimación automática con instalaciones reales.

Todavía no hay datos comunitarios para este proyecto.