Publicando la app

Clase 16 de 16 • Curso de Progressive Web Apps con React.js

Resumen

Antes de publicar nuestro proyecto en Github no olvides escribir un buen Readme, asegúrate de incluir un link funcional de la aplicación. Para poner en producción nuestro proyecto usaremos now.

Now nos permite llevar a producción hasta proyectos que incluyen Docker, también tenemos un curso muy bueno en Platzi.

Felicitaciones, con esto has terminado el curso de PWA con React. Hay que tener en cuenta a fin de este curso es que todos nuestros usuarios están en mobile, por ello te recomiendo dos cursos más:

• Curso de Diseño de Interfaces Móviles
• Curso de Next.js

No olvides de tomar el examen de este curso.

Sergio Toshio Minei

student•

Muy buen curso!

Les dejo un resumen que hice del curso aquí.
Pueden ver mi lista de resúmenes aquí.

Les dejo mi repo del proyecto.

Aquí está el despliegue de la app.

Laura Maritza Romero Triana

student•

Ufff muy bueno todo lo que compartiste, muchas gracias

Irungaray Agustin

student•

Muy bueno todo!

Christian Boffill

student•

A día de hoy noviembre de 2021 este curso necesita una renovación. Los temas que se tratan son muy interesantes y son necesarios cursos nuevos de PWA con React( usando webpack y usando el cra-template-pwa de CRA) Este tema de PWA creo que necesita más de un curso ya que Workbox necesita un curso también. Les dejo mi PWA espero les sea de utilidad a los nuevos estudiantes que pasen por aquí:

Repositorio PWA_deploy Mi portafolio donde encontrarán más proyectos

Omar García Betanzos

student•

Buen portafolio, amigo.

andrés eduardo betancourt bescanza

student•

Deploy con VERCEL (ya no es now)

Primero que nada crearse una cuenta en vercel

Instar Cli

npm i -g vercel

Despues de instalar vercel deben hacer vercel login y verificar su correo electronico,

vercel login

Ahora si pueden ejecutar vercel a su carpeta build.

vercel build

les saldran una serie de preguntas.

$ vercel build

Vercel CLI 20.1.2
Your project was either removed from Vercel or youÔÇÖre not a member of it anymore.
? Set up and deploy ÔÇ£~\Documents\curso-platzi-pwa\buildÔÇØ? [Y/n] (ENTER)
? Set up and deploy ÔÇ£~\Documents\curso-platzi-pwa\buildÔÇØ? [Y/n] (Y)
? Which scope do you want to deploy to?
? Which scope do you want to deploy to? andres betancourt (ENTER)
? Link to existing project? [y/N] (N)
? WhatÔÇÖs your projectÔÇÖs name? (NOMBRE-DE-PROYECTO)
? In which directory is your code located? ./ (ENTER)

- Setting up project
No framework detected. Default Project Settings:
- Build Command: `npm run vercel-build` or `npm run build`
- Output Directory: `public` if it exists, or `.`
- Development Command: None
? Want to override the settings? [y/N] (N)

Luego les deberia mostrar el link de su protecto

andrés eduardo betancourt bescanza

student•

https://vercel.com/

https://curso-platzi-pwa.vercel.app/

Jaime David Burbano Montoya

student•

Tienes el código de tu proyecto todavía?

Jason Francisco Macas Mora

student•

Sin duda, el curso está desactualizado (Noviembre 2022). Ojalá equipo de Platzi puedan mejorar eso. Por mi parte seguí el curso con ViteJS, prestando atención a los conceptos que mencionó el profesor. Y a día de hoy puedo decir que el ecosistema PWA es menos doloroso, y existen más APIs; tanto así, que con unos minutos podemos tener nuestra configurada. Recomiendo vite-plugin-pwa. Adjunto los links de mi proyecto, y algunas capturas.:

Simón Alejandro Azócar C

student•

Muy bonita tu UI Jason. Yo por mi parte esperaré a que actualicen este curso 🙏🏼

Jose Chirinos

student•

Excelente Curso
Me hubiera encantado más contenido en las ( Notificaciones ), pero eso lo dejare como un reto.

Aqui mi deploy en now: Platzi Recetas

Jose Chirinos

student•

Y aquí esta el Repo con el Readme =)
Platzi Recetas PWA

Irungaray Agustin

student•

Buen curso, aunque un poco desactualizado Un capo el profesor

Eduardo Rasgado Ruiz

student•

Un curso muy interesante, pasos clave para volverse un React developer serio. Gracias Roberto!

Ricardo Medina

student•

Gracias por el curso muy bien explicado. Le echare un vistazo a lo de las notificaciones push en el curso de PWA con Angular para tener un referencia. Saludos

Luis Rodriguez

student•

Para los que estén tomando el curo desde que salió NOW V2, uno debe crear un archivo que se llama "now.json"

sigan estas instrucciones: https://github.com/zeit/now-examples/tree/master/create-react-app

Alex Percy Becerra Principe

student•

El curso esta muy bueno, pero es necesario que lo actualicen. Cuando hago constantes cambios en mi app y hago deploys continuos. El cache del pwa no se actualiza con la nueva version de la app, esto podría llegar a ser incómodo. Alguna sugerencia para manejar eso?

Javier Alejandro Albornoz Pérez

student•

aca les dejo mi repo, para que puedan revisarlo: https://github.com/jzlbornoz/cinex-app

Eduardo Rasgado Ruiz

student•

Si les da error por tamaño de archivo mayor a 5 MB al subir a Now, solo borren su carpeta .readme-static, la eliminacion de la screenshot puede salvarles la vida.

Ricardo Medina

student•

Pueden comprimir la imagen en tinypng Saludos…

Eduardo Rasgado Ruiz

student•

Publiqué mi app:

Recetuki
Una duda: donde cambio el nombre que va a estar en mi url?**
Gran curso!

Juan Luis Rojas León

student•

Para que tu URL sea personalizada puedes usar el comando:

now alias https://url-con-hash-feo.now.sh https://url-cool.now.sh

Puedes ver la documentación oficial

Eduardo Rasgado Ruiz

student•

Gracias bro!

Esdras Benjamín Pavón

student•

Muy buen curso!!

Alex John Chamba Macas

student•

Genial, excelente curso

Alexander Valencia

student•

cuando publico la App y miro la url que me genera carga una pagina en blanco. si abro el inspector de elementos me muestra los siguientes errores. https://imgur.com/zwYbc30