Acerca de
Sydenred — blog especializado en diseño web, WordPress, ecommerce, rendimiento, SEO y frontend. Hecho con Astro, Tailwind CSS v4, daisyUI, MDX, Pagefind y Giscus.
Sydenred es un blog especializado en diseño web, WordPress, ecommerce, rendimiento, SEO y desarrollo frontend, con guías prácticas, casos de estudio y buenas prácticas para profesionales y agencias.
Vive en la intersección entre diseño y tecnología: con criterio, fácil de leer y pensado para quien se preocupa por cómo se construye la web.
- Diseño orientado a la lectura — barra lateral fija con logotipo en SVG, navegación vertical y enlaces sociales; columna central limitada a 1250 px; raíl derecho con «Últimas actualizaciones» y «Etiquetas en tendencia».
- Tema oscuro por defecto — paleta propia de Sydenred sobre los tokens de daisyUI v5, con una transición circular al cambiar de tema. El modo oscuro usa un fondo profundo con acento granate/carmesí, y el visitante puede pasar a claro con el botón de la barra superior.
- Contenido en español — un único idioma servido en la raíz (
/posts/<slug>/,/etiquetas/…), sin prefijos de idioma ni selectores que estorben. - Markdown + MDX — Content Collections de Astro con frontmatter tipado, resaltado de sintaxis con Shiki, GFM, notas al pie, índice automático y un componente
<Callout>incluido. - Matemáticas con LaTeX — soporte de KaTeX opcional por artículo con
math: true. - Búsqueda instantánea — Pagefind genera el índice estático en el build; el buscador se carga solo cuando se usa.
- Comentarios — integración con Giscus sobre GitHub Discussions, con opción de desactivarlos por artículo.
- Navegación fluida — view transitions de Astro con un fundido suave y alternativa para quien reduce el movimiento.
- SEO de serie — OpenGraph, Twitter Cards, feed RSS,
og:localeen español y sitemap.
- Astro 7.x — Content Collections, MDX, RSS y view transitions
- Tailwind CSS v4 mediante el plugin
@tailwindcss/vite, con daisyUI v5 para los temas - Pagefind para la búsqueda estática
- Giscus para los comentarios
- Shiki, KaTeX e iconos de Lucide
Casi todo se configura desde un único fichero tipado, src/config.ts — título y descripción del sitio, autor, navegación, enlaces sociales, artículos por página, credenciales de Giscus y banderas de funcionalidades. Reinicia el servidor de desarrollo después de tocarlo.
Los artículos nuevos van en src/content/posts/es/. El frontmatter de referencia de este propio sitio explica cada campo.
Sydenred nació como agencia boutique de diseño web y evolucionó hacia un blog especializado en diseño web, WordPress, ecommerce, rendimiento, SEO y frontend. Su objetivo comercial discreto es construir autoridad y ganar enlaces naturales hacia SieteWeb, el proyecto principal actual.
Publicado bajo licencia MIT. El diseño visual y el código son trabajo original para Sydenred.