Guía para empezar con un blog estático

Crear un blog estático es más sencillo de lo que piensas. Esta publicación explica cómo construir un blog estático usando Next.js.

Herramientas necesarias

• Node.js: Entorno de ejecución de JavaScript
• Next.js: Framework de React
• Tailwind CSS: Estilos
• Markdown: Escritura de contenido

Proceso de instalación

# Crear proyecto
npx create-next-app@latest my-blog --typescript --tailwind --eslint

# Instalar dependencias
npm install gray-matter remark remark-html date-fns

# Ejecutar el servidor de desarrollo
npm run dev

Escribir publicaciones

Crea archivos markdown en el directorio posts/:

---
title: "Título de la publicación"
date: "2024-01-15"
description: "Descripción de la publicación"
tags: ["etiqueta1", "etiqueta2"]
---

# Contenido de la publicación

Despliegue

Compila como sitio estático y despliega en GitHub Pages, Netlify, Vercel, etc.

npm run build
npm run export

¡Tu blog estático ya está listo!