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
Poniendo nuestra aplicación en producción en Netlify
Contenido del curso
Javier Andrés Moreno Tocarruncho
Josue Cerron Tuesta
Levi Josue Medina
Jose Alejandro Pantoja Giraldo
Santiago Jimenez Moncada
Maria Tohabanda Duchi
Seba Cardoso
Uriel Solis Salinas
Diana Martinez
Antonio Juste
Diego Valdez Acosta
Wendy Mejia
Antonio Juste
abiezer.reyes95
Luis Jose Marquez Gonzalez
Camilo Andrés Ávila
Grupo Bien Pensado
Edwin Jesús
José Antonio Sterling Sánchez
Hola, 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!!
Me encantó!!!
A mi tambien
¿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.
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