dynamic route in next js

[farouk46015]

hi
i get this error in console
net::ERR_ABORTED 404 (Not Found)
for all dynamic pages i am trying to assess by Link
i put link in this way
<Link href={/${props.model}/${props.slug}} as={/${props.model}/${props.slug}} >

and i have file [slug].js
i works but i get the error in console because browser request file as static files

i am using next 9.1

i need to know best way of writing slug to get dynamic pages

[ties-v]

You need to set the href prop to the "real file" and use the as prop to fill in the variables, see https://nextjs.org/docs/api-reference/next/link#dynamic-routes

So in your case something like

<Link href="/[model]/[slug]" as={`/${props.model}/${props.slug}`}>

should work as it now routes to [model]/[slug].js file.

[farouk46015]

i have tried this way i still get the same error it works in both but with error message

  <Link href={`/${props.model}/[slug]`} as={`/${props.model}/${props.slug}`}> 
      <a className="d-block">
           <h1>{props.title}</h1>
       </a>    
  </Link>

[timneutkens]

<Link href={`/[model]/[slug]`} as={`/${props.model}/${props.slug}`}> 
      <a className="d-block">
           <h1>{props.title}</h1>
       </a>    
  </Link>

[farouk46015]

than you
i works