Convierte un espacio de trabajo de Notion en un sitio web público personalizable para blogs, portafolios, documentación y landing pages, con Next.js y la API de Notion.
leerob/next-mdx-blog
Plantilla de blog para Next.js que renderiza publicaciones MDX con Tailwind CSS y TypeScript, lista para desplegar en Vercel.
- Estrellas
- 7,575
- Forks
- 1,446
- Issues abiertos
- 0
- Último commit
- el mes pasado
¿Qué es?
next-mdx-blog es una plantilla inicial para un blog personal. Está basada en Next.js y TypeScript, usa Tailwind CSS para los estilos y permite escribir publicaciones en MDX para incluir componentes de React en el contenido Markdown.
La plantilla está preparada para desplegarse en Vercel e incluye Vercel Analytics. De forma opcional, una base de datos Postgres puede almacenar reglas de redirección, definidas en una tabla `redirects` con los campos `source`, `destination` y `permanent`.
Para ejecutarla localmente, clona el repositorio, instala las dependencias con pnpm e inicia el servidor de desarrollo. El proyecto requiere Node.js v18.17 o posterior.
Funciones clave
- 01Permite escribir publicaciones en MDX y combinar Markdown con componentes de React.
- 02Usa Next.js y TypeScript como base de la aplicación.
- 03Usa Tailwind CSS para los estilos.
- 04Incluye Vercel Analytics y un botón para desplegar en Vercel con un solo clic.
- 05Almacena opcionalmente reglas de redirección en Postgres.
Casos de uso
- Lanzar un blog personal para desarrolladores con publicaciones basadas en Markdown.
- Crear un sitio de contenido con Next.js que necesite MDX y Tailwind CSS.
- Desplegar un blog en Vercel con analítica incluida desde el inicio.
Inicio rápido
- 1
Clona el repositorio
git clone https://github.com/leerob/next-mdx-blog.git - 2
Entra en la carpeta del proyecto
cd next-mdx-blog - 3
Instala las dependencias con pnpm
pnpm install - 4
Inicia el servidor de desarrollo
pnpm dev
Antes de usarlo
- No se especifica ninguna licencia, por lo que no está claro si se puede reutilizar.
Temas
Preguntas frecuentes
- ¿Qué es next-mdx-blog?
- Plantilla de blog para Next.js que renderiza publicaciones MDX con Tailwind CSS y TypeScript, lista para desplegar en Vercel. next-mdx-blog es una plantilla inicial para un blog personal. Está basada en Next.js y TypeScript, usa Tailwind CSS para los estilos y permite escribir publicaciones en MDX para incluir componentes de React en el contenido Markdown.
- ¿next-mdx-blog es gratuito? ¿Qué licencia tiene?
- next-mdx-blog no declara ninguna licencia. Su código es público, pero sin licencia no tienes permiso explícito para reutilizarlo; consulta al autor antes de depender de él.
- ¿next-mdx-blog sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de next-mdx-blog fue el 16 sept 2026.
- ¿Para qué puedo usar next-mdx-blog?
- Lanzar un blog personal para desarrolladores con publicaciones basadas en Markdown. Crear un sitio de contenido con Next.js que necesite MDX y Tailwind CSS. Desplegar un blog en Vercel con analítica incluida desde el inicio.
- ¿Cómo se instala next-mdx-blog?
- Clona el repositorio: git clone https://github.com/leerob/next-mdx-blog.git Entra en la carpeta del proyecto: cd next-mdx-blog Instala las dependencias con pnpm: pnpm install Inicia el servidor de desarrollo: pnpm dev
- ¿Dónde consigo next-mdx-blog?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/leerob/next-mdx-blog
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un framework para crear sitios de documentación con React.js, compatible con Next.js, Astro y frameworks de React basados en Vite.
Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui.
Plantilla inicial de Next.js 15 lista para producción, con TypeScript, Tailwind CSS v4, pruebas, linting e infraestructura opcional para despliegues en AWS.
Plantilla SaaS open source con Next.js, autenticación de Clerk, multi-tenancy, RBAC, i18n, Drizzle ORM y Tailwind CSS.
Biblioteca de animaciones del cursor para React y Next.js, con efectos reutilizables basados en Tailwind CSS y motion.