Hosting para sitios estáticos
Sube tu HTML, CSS, JavaScript e imágenes. Un portafolio o una landing page puede publicarse sin PHP ni base de datos.
Los archivos que necesita el navegador
Coloca index.html en la raíz y conserva los recursos en las carpetas que utilizan los enlaces. Puedes subirlos con el gestor del navegador o SFTP.
Si utilizas una herramienta de compilación, sube los archivos generados de dist o build. El proyecto fuente y node_modules no son el sitio publicado.
Portafolios
Muestra tu trabajo con un sitio personal sencillo.
Landing pages
Publica información sobre un proyecto, producto o evento.
Documentación
Sube HTML generado y conserva los enlaces entre las páginas.
Cómo publicarlo
Crea el proyecto
Regístrate, verifica tu correo y elige un nombre de proyecto en el panel.
Prepara los archivos publicados
Usa index.html como portada. Si utilizaste una herramienta de compilación, localiza la salida generada, normalmente llamada dist o build.
Sube la salida y conserva las rutas
Coloca el contenido de la salida en la raíz del proyecto. Conserva los recursos referenciados en sus carpetas correspondientes.
Comprueba enlaces y diseño móvil
Abre la URL pública y navega entre las páginas. Revisa rutas de imágenes, mayúsculas/minúsculas y el diseño en pantallas pequeñas.
Archivo de ejemplo
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My static website</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<h1>My static website</h1>
<p>HTML, CSS and browser JavaScript.</p>
<a href="about.html">About this project</a>
</body>
</html>Solo un ejemplo: reemplaza los valores de muestra antes de usarlo.
Antes de subir los archivos
- Un sitio estático no puede ejecutar un servidor Node.js o Python. PHP está disponible si necesitas código del servidor.
- Prueba los enlaces directos en una app con router de navegador. Las rutas profundas pueden requerir configuración; las rutas con hash suelen ser más sencillas para una demo estática.
- Reduce y comprime las imágenes grandes. Revisa mayúsculas y rutas si la página funciona localmente pero pierde sus estilos al publicarla.
- Tu cuenta tiene 5 GiB para archivos, compartidos entre sus proyectos. Conserva una copia de tu trabajo en tu computadora.
- Es hosting compartido para proyectos pequeños. Consulta la página de límites para ver los recursos disponibles.
Preguntas frecuentes
¿Puedo publicar un proyecto React o Vue?
Puedes subir una compilación que genere archivos estáticos. Las funciones que requieren un servidor Node.js o renderizado del servidor son una carga diferente y no forman parte del hosting estático.
¿Por qué falta la portada después de subir un ZIP?
Revisa si index.html está dentro de una carpeta contenedora extra. Mueve el contenido real del sitio a la raíz del proyecto y comprueba las rutas de los recursos.
¿Un formulario estático puede guardar datos por sí solo?
No puede guardarlos en el servidor sin un backend o un servicio externo apropiado. Para validar datos y guardar registros con tu propio código del servidor, utiliza PHP y, si hace falta, MySQL.
Guías útiles
Hosting estático gratis para HTML, CSS y JavaScript
Si tu proyecto es una página HTML, un portafolio o una landing sin backend, el hosting web estático gratis de nysr.host es la opción más simple: sube los archivos y comparte la URL.
Conserva las rutas de tus recursos (CSS, JS e imágenes) y añade PHP solo cuando lo necesites.
Preguntas sobre sitios estáticos
¿Necesito PHP?
No. Un sitio HTML/CSS/JS funciona sin backend. Puedes añadir PHP después si lo necesitas.
¿Sirve para un portafolio?
Sí. Sube tu HTML, CSS e imágenes y compartes el enlace.
¿Puedo usar mi propio dominio?
Sí. Conecta tu dominio al proyecto cuando quieras.