Poniendo nuestra aplicación en producción en Netlify
Contenido del curso
Setup inicial
Vista
Gráfico
Modelo
Cierre
Poniendo nuestra aplicación en producción en Netlify
Contenido del curso
Poniendo nuestra aplicación en producción en Netlify
Javier Andrés Moreno Tocarruncho
Estudiante
Josue Cerron Tuesta
Estudiante
Levi Josue Medina
Estudiante
Jose Alejandro Pantoja Giraldo
Estudiante
Santiago Jimenez Moncada
Estudiante
Uriel Solis Salinas
Estudiante
Diana Martinez
Estudiante
Maria Tohabanda Duchi
Estudiante
Antonio Juste
Estudiante
Diego Valdez Acosta
Estudiante
Wendy Mejia
EstudianteAntonio Juste
Estudiante
abiezer.reyes95
Estudiante
Luis Jose Marquez Gonzalez
Estudiante
Camilo Andrés Ávila
Estudiante
Grupo Bien Pensado
Estudiante
Edwin Jesús
Estudiante
José Antonio Sterling Sánchez
EstudianteHola, un curso bastante desafiante para mi. Dejo el link del proyecto. Muchas gracias!
ASi es!
Excelente curso. Me ayudo a profundizar mis conocimientos conceptuales y prácticos sobre vue. Dejo el Link del proyecto, muchas gracias!. :D
Chualada de curso
este proyecyo es muy complejo, asusta! pero se termino muchas gracias!!
¿Qué diferencia hay en hacer el deploy en Netlify y no en GitHub Page directamente?
Solamente variaría la configuración, en este caso usamos Netlify, pero se podría desplegar en cualquier proveedor.
Me encantó!!!
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...
Aquí dejo mi versión usando Vite y Typescript por si a alguien le sirve de algo.
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
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...
Excelente curso:
Excelente curso. Les comparto mi app deployada:
Y el link de mi repo:
Poco a poco iré agregando más funcionalidades
Que buena manera de aplicar los conocimientos aprendidos
Comparto la app que desarrolle con algunos cambios (Estilos y Dark/Ligth Mode)
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://aplication-movile-with-web.netlify.app/ aqui dejo mi proyecto
Deploy usando GitHub
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