Poniendo nuestra aplicación en producción en Netlify

Clase 20 de 21 • Curso Práctico de Vue.js

Clase anteriorSiguiente clase

Javier Andrés Moreno Tocarruncho

student•

Hola, un curso bastante desafiante para mi. Dejo el link del proyecto. Muchas gracias!

https://cashflow-vue-javier.netlify.app/

Josue Cerron Tuesta

student•

ASi es!

Levi Josue Medina

student•

Excelente curso. Me ayudo a profundizar mis conocimientos conceptuales y prácticos sobre vue. Dejo el Link del proyecto, muchas gracias!. :D

https://carefines.netlify.app/

Jose Alejandro Pantoja Giraldo

student•

Chualada de curso

Santiago Jimenez Moncada

student•

este proyecyo es muy complejo, asusta! pero se termino muchas gracias!!

Uriel Solis Salinas

student•

¿Qué diferencia hay en hacer el deploy en Netlify y no en GitHub Page directamente?

Diana Martinez

student•

Solamente variaría la configuración, en este caso usamos Netlify, pero se podría desplegar en cualquier proveedor.

Maria Tohabanda Duchi

student•

Me encantó!!!

Antonio Juste

student•

Acabo de terminar de desarrollar mi Portfolio con Vue.js y lo he compilado a producción. Dentro de la carpeta "dist" está index.html y la carpeta "assets" que contiene todos los archivos (css, js e imágenes, mezclados). En desarrollo-local con el comando "npm run dev" funciona correctamente, pero al subir el contenido de la carpeta dist a mi servidor no carga la página y la consola no muestra ningún error. La ruta es correcta porque la pestaña del navegador muestra el title y el favicon.ico, incluso llega a cargar los estilos css globales dentro del selector *{ } Se pueden visualizar en el inspector del navegador y también se visualiza correctamente el color del background de la pantalla.

Esta es la estructura de archivos en el hosting:

public_html/index.html public_html/favicon.ico public_html/assets/(css, js e imágenes)

Seguramente esté relacionado con el router de las páginas pero de momento no consigo solucionarlo.

Si al menos la consola mostrara algún error...

Diego Valdez Acosta

student•

Aquí dejo mi versión usando Vite y Typescript por si a alguien le sirve de algo.

Wendy Mejia

student•

Te pregunto algo pro si tienes más expeeriencia, funciona en cualquier servidor con la carpeta dist o debe ser un servidor compatible, pregunto porque subi esa carpeta dist a un servidor que tengo con otra app, pero no abre por nada

Antonio Juste

student•

Tengo un proyecto propio con Vue.js y lo he compilado a producción. Dentro de la carpeta "dist" está index.html y la carpeta "assets" que contiene todos los archivos (css, js e imágenes, mezclados). En desarrollo-local con el comando "npm run dev" funciona correctamente, pero al subir el contenido de la carpeta dist a mi servidor no carga la página y la consola no muestra ningún error. La ruta es correcta porque la pestaña del navegador muestra el title y el favicon.ico, incluso llega a cargar los estilos css globales dentro del selector *{ } Se pueden visualizar en el inspector del navegador y también se visualiza correctamente el color del background de la pantalla.

Esta es la estructura de archivos en el hosting:

public_html/index.html public_html/favicon.ico public_html/assets/(css, js e imágenes)

Seguramente esté relacionado con el router de las páginas pero de momento no consigo solucionarlo.

Si al menos la consola mostrara algún error...

abiezer.reyes95

student•

Excelente curso: https://moneycashflow.netlify.app/

Luis Jose Marquez Gonzalez

student•

Excelente curso. Les comparto mi app deployada: https://ml-vue-cashflow.netlify.app/

Y el link de mi repo: https://github.com/ljmarquezg/platzi-vue-cashflow

Poco a poco iré agregando más funcionalidades

Camilo Andrés Ávila

student•

Que buena manera de aplicar los conocimientos aprendidos

Comparto la app que desarrolle con algunos cambios (Estilos y Dark/Ligth Mode) https://camiloavil.github.io/prettycash/

y el repositorio por si desean compartir el código. Y porque no hacer aportes. me gustaría poder adecuar la funcionalidad del gráfico al pc, no solo a dispositivos móviles. Si alguien sabe como, por favor.

https://github.com/camiloavil/prettycash

Grupo Bien Pensado

student•

https://aplication-movile-with-web.netlify.app/ aqui dejo mi proyecto

Edwin Jesús

student•

Deploy usando GitHub https://m8-babbage.github.io/Vue-Cash-Flow/#/

José Antonio Sterling Sánchez

student•

El curso estuvo muy bueno, logre hacer todo a medida que pasaban las clases. Con varios bugs en el transcurso, pero finalmente lograba solucionarlo. Aqui esta el link:

deploy