Introducción a Next.JS
¿Dónde aprender Next.js actualizado?
¿Qué es Next.JS?
Creando nuestra primera página
Styled JSX
Server Side Rendering
Aprende qué es Server Side Rendering
Intro a getInitialProps
Utilizando el componente Link
Recibiendo Parámetros
Performance de Get Initial Props
Vista de Podcasts
Componentes Reutilizables
Creando componentes en React
Reorganizar la vista de podcasts
Navegación Avanzada
Gestionando Errores
Personalizando errores
¿Cómo diseñar URLs?
Configurando Next Routes
Implementando Next Routes
Vistas HÃbridas
Implementar el Modal
Agregando un loader
Publicando nuestra app
Mejores prácticas en Github
Publicar la app con now
Conclusiones del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 27
Preguntas 2
Para los que no saben, now es de Zeit,
Los pasos son:
Instalar now, como lo hace el profe.
Se tienen que registrar en zeit.
Luego desde la consola pueden acceder con:
now login correo@corre.com
Verifican su correo
Corren el:
now --public
Para los amigos que tienen problemas con publicar la app, tienen que crear y configurar los archivos: now.json y next.config.js en el root del proyecto.
next.config.js
module.exports = {
target: "serverless"
};
now.json
{
"version": 2,
"name": "nombre-de-la-app",
"builds": [{ "src": "package.json", "use": "@now/next" }]
}
Para más información: Ver documentación
Para los que hacen deploy en Now y en lugar de la App de podcast funcionando, les muestra las carpetas, la solución está en el siguiente enlace de la documentación oficial de Next:
https://zeit.co/guides/deploying-nextjs-with-now/
Espero les sirva!
Una pregunta, Now tiene la posibilidad de publicar un server, entiendo esa parte pero con el puro comando de now es suficiente para que se aproveche el SSR?
Buen curso aunque si estaria genial que lo actualizaran, de todos modos el proyecto esta cool!
Si recuerdo bien now paso a ser Zeit
https://zeit.co/
Gran curso, un poco desactualizado pero muy bueno.
Link app: https://podcast-beryl.now.sh
Link repo: https://github.com/Alejandro2134/platzi-podcast
No puedes ser, un bonus de Docker, este curso no pudo estar mejor 😄 diez mil puntos.
Tengo que ser super torpe, porque yo no consigo hacer deploy del repositorio
LLevo todo el dia investigando y nada. Ni con now.json, ni desde github…
AgradecerÃa alguna sugerencia
IncreÃble curso! Repositorio y demo completados. 😃
Repositorio: https://github.com/thedavos/podcast-app
App Demo: https://podcast-app.davos.now.sh/
Ahora queda contenerizarlo con Docker, nunca paren de aprender!
no me funciono pero bueno se que con mas practica lo podre lograr
Una app como esta se puede publicar en un hosting como los que renta goodady ?
Hola tengo un problema al hacer ddeploy de mi aplicacion con next-routes resulta que las rutas no las reconoce en produccion si recargas una url sale error 404 osea como si no la encontrara como puedo solucionar esto. Localmente si funcionan bien pero en produccion en now no.
App : Podcast App
Repository: Podcast repository
He tenido que cambiar el script de exportación, ya que en local se quedaba eternamente ejecutando y al hacer deploy en Netlify igual.
Lo cambié por el script
"export": "next build && next export"
Repo: https://github.com/alebarbaja/app-podcasts-nextjs-tailwindcss
🚀 https://podcasts-nextjs-tailwind.netlify.app/
¡Gracias por el curso!
now parece que este año (2020) deja de existir , su reemplazo vercel.
https://www.npmjs.com/package/now
1- se crear una cuenta https://vercel.com/
2- lo instalan
sudo npm i -g vercel
3- en la terminal ( en la raiz del proyecto) tipean
vercel
les hace un par de preguntan y listo! es MAGIA!
compañeros les comparto mi resultado
https://github.com/FabiPeBor/Podcast-Aprendiendo-Next.JS
que buen curso y que buenas practicas
Gracias.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?