No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Next.js 2018

Curso de Next.js 2018

Roberto González

Roberto González

Configurando Next Routes

16/23
Recursos

Aportes 16

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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

https://github.com/elvisss/podcasts-next/tree/master/pages

Pero esto sólo es necesario si quieres utilizar Server side rendering?