Despliegue

18. Desplegar la aplicación en Netlify #

Antes de desplegar comprobamos que Vite genera correctamente la aplicación:

1npm run build

Se creará:

1taskapp/
2├── dist/
3├── node_modules/
4├── src/
5├── index.html
6├── package.json
7├── package-lock.json
8└── .gitignore

La carpeta importante es:

1dist/

Es la versión preparada para producción.

Recuerda que tenemos:

1node_modules/
2dist/

en .gitignore.

Por tanto, dist no se sube a GitHub. Netlify ejecutará el proceso de construcción por nosotros.

19. Despliegue desde GitHub #

Entramos en Netlify y nos identificamos.

Seleccionamos la opción para añadir/importar un proyecto existente y elegimos GitHub como proveedor Git.

Autorizamos el acceso y seleccionamos:

1taskapp

Netlify normalmente detectará que estamos utilizando Vite.

La configuración que nos interesa es:

1Build command:
2npm run build
3
4Publish directory:
5dist

20. Primer despliegue #

Una vez configurado, Netlify realiza el despliegue y nos proporciona una dirección del estilo:

1https://nombre-aleatorio.netlify.app

Nuestra TaskApp ya está accesible desde Internet.