Next.js 13 Crash Course Tutorial #7 - Dynamic Segments (Params)

➡️ Use promo code NEXTNINJA50 for 50% off!

📂🥷🏼 Access the course files on GitHub:

📂🥷🏼 CSS File from course files:

💻🥷🏼 React Tutorial:

[by_huy]

Absolute gold mine, I bought your Next.js masterclass course and so far i'm loving it. Also, are you considering on making a crash course towards more of Nextjs13 using searchParams, etc. and contentful? Would love to see an updated series on Next 13 and Contentful

[JimmyJazz]

It's fantastic what you do, by the way! I've learned much from you.

[rafiashan]

Such an awesome series. Coming here after completing react series. Amazing Shaun. Keep it up !

[acodersjourney]

I've learned so much from your videos. Keep inspiring us.

[chyas]

came here to save anyone confused why their dynamic id is not working. you should check that you use only strings of numbers not numbers

[xanmoydev]

Thank you so much🙏
I'm from India🇮🇳

[apostoloskyrgidis]

Does this work on next js 14? Cause I think that you can't pass dynamic hrefs inside Link in that version

[birr]

Thanks alot. Could you make more videos on vue.js composition api ?

[alexg]

I love the way you explain things ! Thx

[codedjango]

@0:01....thanks Shaun for this series...however, I have a question...is that "next: { revalidate: 0}" object (on line 3) available in axios too if I use it instead of fetch? ....thanks once again 👍

[activemindgamer]

The Link at the end does not work. I even copied the code straight from your repo. Might be I am using too new a version so the question might be what is the correct way to implement if not as you have it? ...Beyond that this is the second course of yours I have done and I LOVE the way you explain things. GREAT WORK!!!!

[MiraGenije]

Why do we need to call twice time async/await for the same request?

[abdulnafay]

Love your videos shawn. I am building a site using nextjs13 and came across a scenario which requires dynamic routing. I used the same logic you have used but the issue I am facing is everything works on local host but the page doesnt exist in development (on vercel). It gives me 404. Page doesnt exist. Any ideas how to resolve this?

[JimmyJazz]

This may be a silly question but: how would I get alerts for when you issue your upcoming videos? This is the first time I've followed an up-to-date tutorial so have never had the need for alerts before.

[MuraliManoharVarmaPemmadi]

Make tutorials on Astro framework please.😅

[joecater]

cant run json server in windows due to MS security

[wetpenguin]

Anybody else get this error on ({ params }) ?
Binding element 'params' implicitly has an 'any' type.ts(7031)

EDIT: Oh, Mr. Net Ninja is using js instead of ts, just noticed. You have to do this in ts: ({ params }: { params: { id: number } })

[TheDuppyman]

anyone have the ${variable} not output the data?

[ademineshat]

Great course. But the idea of next.js with folders and pages is very confusing, page.jsx files everywhere, that's not ideal 😢

[sirvivaldk]

Shouldnt it be:
export default async function TicketDetails({ params }:any) {...}