Software on Kaisekukun

Configuración de un entorno de desarrollo local con Docker

Sun, 21 Jun 2026 11:00:00 +0900

“En mi máquina funciona” es una frase que todo desarrollador conoce muy bien. Docker resuelve esto empaquetando tu aplicación y sus dependencias en contenedores portátiles. Este artículo explica cómo configurar un entorno de desarrollo local con Docker.

Los tres conceptos fundamentales

Dockerfile: Un plano para tu contenedor — qué imagen base usar y qué instalar.
docker-compose.yml: Un archivo de configuración para gestionar múltiples contenedores (servidor web, base de datos, caché, etc.) juntos.
Montaje de volumen: Permite que el contenedor haga referencia a archivos en tu máquina host. Esencial para la recarga en caliente.

Configuración de múltiples servicios con docker-compose

Una configuración típica de frontend + backend + base de datos se puede definir en un solo docker-compose.yml:

Maximiza la eficiencia de codificación: Editores de código ligeros recomendados y personalización

Thu, 18 Jun 2026 12:40:00 +0900

En el desarrollo de software moderno, la comodidad de tu espacio de trabajo impacta directamente en tu productividad. Aunque los Entornos de Desarrollo Integrados (IDE) con muchas funciones son muy convenientes, sus lentos tiempos de inicio y su alto consumo de memoria pueden ser frustrantes. Es por esto que muchos desarrolladores están recurriendo a “editores de código ligeros”: herramientas que se ejecutan increíblemente rápido y ofrecen la flexibilidad de agregar funciones según sea necesario.

Atajos de VS Code para potenciar tu productividad

Tue, 26 May 2026 11:00:00 +0900

VS Code es altamente personalizable, pero simplemente aprender sus atajos de teclado integrados puede acelerar drásticamente tu codificación diaria. Este artículo cubre los atajos más esenciales y cómo personalizarlos a tu gusto.

Conceptos básicos imprescindibles

Dominar estos atajos reducirá drásticamente la cantidad de veces que alcanzas el ratón:

Acción	Windows / Linux	macOS
Paleta de comandos	`Ctrl+Shift+P`	`Cmd+Shift+P`
Búsqueda rápida de archivos	`Ctrl+P`	`Cmd+P`
Alternar barra lateral	`Ctrl+B`	`Cmd+B`
Dividir editor	`Ctrl+\`	`Cmd+\`
Alternar terminal	Ctrl+`	Cmd+`

Comienza con la Paleta de comandos

Ctrl+Shift+P (o Cmd+Shift+P en macOS) abre la Paleta de comandos, la puerta de entrada a todas las funciones de VS Code. Puedes guardar archivos, ejecutar formateadores, instalar extensiones y más sin tocar el ratón. Aprende esta primero.

Resumen rápido de las nuevas funciones de TypeScript

Sun, 01 Feb 2026 11:00:00 +0900

La serie TypeScript 5.x ha introducido muchas características que fortalecen el sistema de tipos y mejoran la experiencia del desarrollador. Este artículo destaca las más útiles en la codificación diaria.

Parámetros de tipo const (5.0)

Agregar un modificador const al parámetro de tipo de una función preserva los tipos literales al pasar valores.

function getConfig<T extends readonly string[]>(keys: T): T {
 return keys
}

// Antes: inferido como string[]
const config1 = getConfig(['dev', 'staging', 'prod'])

// Con parámetro de tipo const: inferido como tupla de literales
const config2 = getConfig<const>(['dev', 'staging', 'prod'])
// tipo: readonly ["dev", "staging", "prod"]

Esto es útil cuando quieres que las propiedades de un objeto mantengan sus tipos literales. No es necesario escribir as const en el sitio de llamada — el código se mantiene limpio.

Primeros pasos con CI/CD usando GitHub Actions

Tue, 06 Jan 2026 11:00:00 +0900

Si “CI/CD” suena como algo que deberías saber pero no sabes por dónde empezar, esta guía es para ti. GitHub Actions hace que la integración y entrega continuas sean accesibles para todos los que tienen un repositorio de GitHub.

¿Qué es GitHub Actions?

GitHub Actions es una plataforma CI/CD integrada directamente en GitHub. Te permite automatizar pruebas, compilaciones y despliegues directamente desde tu repositorio. Los flujos de trabajo se activan con pushes, pull requests o eventos programados.

Conceptos básicos del App Router de Next.js y consejos de migración

Sat, 03 Jan 2026 11:00:00 +0900

Introducido en Next.js 13, el App Router adopta un enfoque fundamentalmente diferente al enrutamiento y renderizado en comparación con el Pages Router tradicional. Ahora estable y ampliamente adoptado, analicemos los conceptos básicos para aquellos que planean migrar.

App Router vs Pages Router

Característica	Pages Router	App Router
Enrutamiento	Bajo `pages/`	Bajo `app/`
Componentes	Client Component por defecto	Server Component por defecto
Layouts	Implementación manual	`layout.js` anidable
Carga	Implementación manual	Automática mediante `loading.js`
Obtención de datos	`getServerSideProps`, etc.	`async` directo dentro de componentes

1. Enrutamiento basado en archivos

La estructura de carpetas dentro de app/ se asigna directamente a las rutas URL.