Antes de publicar, prueba exactamente lo que vas a subir y revisa lo que verán tus visitantes y los buscadores.
Respuesta breve
Para publicar tu proyecto: ejecuta npm run build, prueba la carpeta dist/ con npm run preview, añade un título y una meta descripción propios, sustituye todo el contenido de ejemplo, revisa robots.txt y las licencias, y sube dist/ a un hosting estático (en Vercel, importando el repositorio: vercel.json ya indica npm ci, npm run build y dist). Después conecta tu dominio y comprueba la URL pública en móvil.
Qué necesitas
- El proyecto personalizado (guías anteriores).
- Una cuenta en un hosting estático (Vercel, Netlify u otro) y, si quieres, tu dominio.
Pasos
Compila la versión final
npm run build genera dist/: un sitio estático con el HTML ya renderizado, legible aunque JavaScript tarde o falle.
npm run buildComprueba: Existe dist/index.html y contiene tus textos (búscalos en el archivo).
Prueba exactamente lo que vas a subir
La vista previa sirve la carpeta dist/ tal como quedará publicada.
npm run preview # abre http://localhost:4173Comprueba: La página responde y se ve igual que en desarrollo.
Añade título y descripción
El paquete trae un <title>, pero no una meta descripción: es el resumen que suelen mostrar los buscadores. Escríbela con tus palabras.
<meta name="description" content="Marea Estudio diseña marcas y sitios web con una manera propia de ver el mundo.">Comprueba: Tras compilar, dist/index.html contiene tu meta descripción.
Revisa contenido, licencias y robots.txt
Sustituye nombres, textos e imágenes de ejemplo; respeta LICENCIAS-Y-AVISOS.md. El robots.txt del paquete permite el rastreo (Allow: /). Los formularios de ejemplo no están conectados.
Comprueba: No queda ningún texto, cliente ni imagen de ejemplo que no sea tuyo.
Publica en un hosting estático
En Vercel: sube el proyecto a un repositorio e impórtalo; vercel.json ya indica npm ci, npm run build y la carpeta dist. En otro hosting: sube el contenido de dist/. Si publicas en una subcarpeta, ajusta base en vite.config.js.
Comprueba: El hosting termina el despliegue sin errores y te da una URL pública.
Conecta tu dominio y comprueba en móvil
Sigue las instrucciones DNS de tu hosting. Abre la URL pública en el teléfono.
Comprueba: Tu dominio carga con https y la página se ve bien a 390 px.
Nuestro ejemplo
dist/ ocupó 2,2 MB (HTML, CSS, JS, imágenes WebP, tipografías y licencias).
npm run preview respondió 200 en / y en /robots.txt.
Añadimos la meta descripción y comprobamos que aparece en dist/index.html. No publicamos el ejemplo en un hosting: ese paso depende de tu cuenta.
Errores comunes
- Subir la carpeta del proyecto en lugar de dist/ en un hosting estático.
- Publicar en una subcarpeta sin ajustar base: imágenes y fuentes dan 404.
- Olvidar la meta descripción o dejar el título del ejemplo.
- Dar por hecho que Google indexará la página al publicarla: puede tardar y no está garantizado.
Siguiente paso
¿Necesitas conectar pagos, contenido editable o un CRM? Un experto puede ayudarte.