Me pase a aprender next desde su web ya que este curso quedo muy desactualizado y varias cosas cambiaron… como el manejo de las rutas x ej… ojala saquen un curso actualizado de NEXT!!
https://nextjs.org/learn/basics/create-dynamic-pages/use-router
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 16
Preguntas 3
Me pase a aprender next desde su web ya que este curso quedo muy desactualizado y varias cosas cambiaron… como el manejo de las rutas x ej… ojala saquen un curso actualizado de NEXT!!
https://nextjs.org/learn/basics/create-dynamic-pages/use-router
Ya es más sencillo implementar rutas dinámicas de manera oficial por parte de Next.js, esto a partir de la versión 9
A dia de hoy Next permite hacer el enrutado de manera mucho mas sencilla y nativa
Alguien me puede dar una mano?
Corro el comando npm run dev y se queda colgado en ‘node server.js’ y no pasa de eso
hice todo lo de la clase, me fije archivo por archivo y lo tengo igual, es mas hasta me descargue los js de la parte de recursos e igual no me funcionan, me fije en el package.json y lo tengo igual. Alguien tendria una idea cual seria el error? si tengo que instalar algo de node?
Hola! tengo una duda, como estoy acostumbrado a trabajar de esta manera, al principio de curso configure para tener mis carpetas de “pages” y “component” dentro de otra llamada “src”, ahora parece que next-router no trabaja con esto, que podría hacer?
next routes remplaza a react router?
Con la propiedad ‘as’ de Link tambien se pueden hacer mas sencillas de leer las rutas. un ejemplo con los canales:
<Link href={`/channel?id=${ channel.id }`} as={`/${channel.title}.${channel.id}`}>
<a className='channel'>
<img src={ channel.urls.logo_image.original } alt="" />
<h2>{ channel.title }</h2>
</a>
</Link>```
Al día de hoy:
import { useRouter } from ‘next/router’
// server.js
const next = require('next')
const routes = require('./routes')
const app = next({dev: process.env.NODE_ENV !== 'production'})
const handler = routes.getRequestHandler(app)
// With express
const express = require('express')
app.prepare().then(() => {
express().use(handler).listen(3000)
})
// Without express
const {createServer} = require('http')
app.prepare().then(() => {
createServer(handler).listen(3000)
})```
const routes = require('next-routes')
module.exports = routes()
.add('about')
.add('blog', '/blog/:slug')
.add('user', '/user/:id', 'profile')
.add('/:noname/:lang(en|es)/:wow+', 'complex')
.add({name: 'beta', pattern: '/v3', page: 'v3'}) ```
"scripts": {
"dev": "node server.js",
"build": "next build",
"start": "NODE_ENV=production node server.js"
}```
Buenas Team !
TENGO UN ERROR
This is probably not a problem with npm. There is likely additional logging output above.
Me hace referencia en serve.js
Si me pueden ayudar Gracias
El profe excelente pero el contenido esta muy desactualizado creo que pierde un poco al estudiante. Siempre uno espera al principio el camino feliz aprender los conceptos y luego si jugar y investigar, resolver
Como ya saben esto ya se pude realizar de manera nativa con nextJS les dejo el repo de @Elvis que en el siguiente video explica como implementar las url dinamicas
Pero esto sólo es necesario si quieres utilizar Server side rendering?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?