Mi Blog Personal: Tecnologías Utilizadas
El blog lo hice por muchas razones, escribir lo que pienso, enseñar cosas que sé, pero también lo hice para practicar tecnologías en las que no estoy acostumbrado a trabajar. Escogí herramientas para acelerar el desarrollo del sitio, no voy a elaborar técnicamente en qué aporta cada una y cómo funciona, solamente iré presentando las que escogí, y por qué motivo.
React
Muy conocido ya en el mundo del desarrollo web, algo no me llenó de usar Nuxt todavía, por lo que me decidí por usar React + Next.js
Next.js
Lo dicho en la sección de React, y aparte de React, me decidí por Next para que un framework manejara librerías por mi. Me ahorra tener que configurar lógica como routing, manejo de metadata para SEO, bundling, SSR.
TailwindCSS
Venía incluído en la plantilla de la aplicación que descargué pero no es nuevo para mi. Tiene miles de clases que ayudan a solamente concentrarse en el contenido.
Ejemplo sin Tailwind
<button class="custom-button">
Click me
</button>
.custom-button {
background-color: #3490dc;
color: #ffffff;
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.custom-button:hover {
background-color: #2779bd;
}
.custom-button:focus {
outline: none;
box-shadow: 0 0 0 2px #3490dc;
}
Aquí un ejemplo de cómo se ve el mismo botón utilizando TailwindCSS:
<button class="bg-blue-500 hover:bg-blue-600 focus:ring-blue-400 text-white px-4 py-2 rounded-md text-base">
Click me
</button>
CUIDADO: Tailwind puede generar elementos de HTML con propiedades de clases enormes, ahí es donde se debe reutilizar y encapsular el código para no repetir la declaración de esos componentes y que el mantenimiento se facilite.
Vercel
De no cambiar el precio y la mecánica para hacer deploy, mi proyecto continuará hosteado en Vercel. Aparte son los creadores de Next.js entonces supongo que será fácil crear/lanzar el proyecto (luego les cuento).
Tecnologías que quiero integrar en el futuro:
Un par de cosas que me gustaría integrar en el futuro.
- Discourse: Si la comunidad/audiencia crece, podría agregar un motor de foro/comentarios.
- Strapi: Por el momento los artículos son archivos MDX, eventualmente implementaría a un CMS.
Sujeto a muchos cambios!