Aprende sobre sitios web
Los sitios estáticos o con servidor necesitan hosting, dominio y caché. Mira cómo publicarlos, cuánto cuestan y cómo hacerlos más rápidos.
Destacados
- ConceptosQué es un sitio estático y cómo hospedarloUn sitio estático es un conjunto de archivos HTML, CSS y JavaScript ya listos, entregados igual a todos los visitantes. Mira cómo funciona y dónde hospedarlo.
- Costos¿Cuánto cuesta hospedar una página web?Hospedar una página web cuesta desde cero hasta unas decenas de dólares al mes. Mira qué entra en la cuenta: hosting, dominio, tráfico y extras, con límites reales.
- Costos¿Cuánto cuesta hospedar un sitio estático?Hospedar un sitio estático cuesta entre cero y unas decenas de dólares al mes en la mayoría de los casos. Mira cómo el tráfico define el precio, paso a paso.
Conceptos3
- Qué es un sitio estático y cómo hospedarloUn sitio estático es un conjunto de archivos HTML, CSS y JavaScript ya listos, entregados igual a todos los visitantes. Mira cómo funciona y dónde hospedarlo.
- ¿Qué es un servidor web? Nginx, Apache y NodeUn servidor web es el software que recibe peticiones HTTP y devuelve páginas, archivos o respuestas de API. Mira cómo funciona y cuándo usar Nginx, Apache o Node.js.
- Qué es un hosting y para qué sirveUn hosting es un servidor siempre encendido que guarda los archivos de tu sitio web y los entrega a quien lo visita. Mira cómo funciona, sus tipos y cómo elegir.
Paso a paso5
- Cómo hospedar una app Next.jsPara hospedar una app Next.js, ejecuta next build y next start en un servidor con Node.js, o genera una exportación estática. Pasos, código y errores comunes.
- Cómo hospedar una app ReactPara hospedar una app React hecha con Vite, ejecuta el build y publica la carpeta dist en cualquier servidor de archivos. Rutas, variables de entorno y dominio.
- Cómo hospedar una página web: guía para principiantesPara hospedar una página web, genera los archivos finales, súbelos a un servidor siempre encendido y apunta una dirección hacia él. Guía completa paso a paso.
- Cómo hacer tu sitio web más rápido (caché, CDN, imágenes)Para acelerar un sitio web, mide primero y luego optimiza imágenes, comprime el texto, configura la caché y usa una CDN. Pasos con código y cómo verificarlos.
- Hospedar un sitio web con base de datos: cómo funcionaUn sitio con base de datos necesita un back end que se conecte a ella; el navegador nunca habla con la base. Arquitectura y ejemplo con Node.js y PostgreSQL.
Problemas y errores3
- ¿Sitio caído? Cómo descubrir el motivo¿Sitio caído? Descubre si el problema es el DNS, el certificado, el servidor o el código leyendo el error y siguiendo el orden correcto de diagnóstico.
- Error 404 al recargar una SPA de React/Vue después del deployUna SPA de React o Vue devuelve 404 al recargar porque el servidor busca un archivo en esa URL. Arréglalo con un fallback a index.html en nginx, Express o Apache.
- Errores HTTP 500, 502, 503 y 504: qué significan500 es un fallo de tu app, 502 una respuesta inválida tras un proxy, 503 sobrecarga o mantenimiento y 504 un timeout. Aprende a diagnosticar y corregir cada uno.
Costos3
- ¿Cuánto cuesta hospedar una página web?Hospedar una página web cuesta desde cero hasta unas decenas de dólares al mes. Mira qué entra en la cuenta: hosting, dominio, tráfico y extras, con límites reales.
- ¿Cuánto cuesta hospedar un sitio estático?Hospedar un sitio estático cuesta entre cero y unas decenas de dólares al mes en la mayoría de los casos. Mira cómo el tráfico define el precio, paso a paso.
- ¿Cuánto cuesta hospedar una aplicación Next.js?Hospedar una app Next.js cuesta desde cero, con export estático, hasta decenas de dólares al mes con servidor. Modelos de cobro, cuentas de tráfico y costos ocultos.
Comparaciones3
- Sitio estático o dinámico: diferencias y cuándo usar cada unoUn sitio estático entrega archivos listos, iguales para todos; uno dinámico genera la página en cada petición. Compara velocidad, costo, seguridad, SEO y usos.
- Hosting de sitios vs hosting de aplicaciones (Node, Python, bots)El hosting de sitios entrega archivos listos; el hosting de aplicaciones mantiene un proceso en marcha. Mira la diferencia, la tabla y cuál elegir en cada proyecto.
- SSR, SSG y sitio estático: diferencias al hospedarSSR genera el HTML en cada petición, SSG lo genera en el build y un sitio estático es solo archivos listos. Mira qué exige cada uno de servidor, caché y costo.
Cuál elegir3
- El mejor generador de sitios estáticos: Astro, Hugo, Eleventy o Next.jsAstro para sitios de contenido con poca interactividad, Hugo para miles de páginas, Eleventy por su simplicidad y Next.js si ya usas React.
- El mejor stack para el sitio web de una pequeña empresaPara la mayoría de las pequeñas empresas basta un sitio estático con dominio propio, HTTPS y WhatsApp. Mira cuándo usar WordPress, un constructor o un framework.
- Cómo elegir un hosting: checklist sin marketingPara elegir un hosting, define el tipo de proyecto y revisa RAM, HTTPS, dominio propio, logs, salida fácil y costo total. Checklist y recomendación por escenario.