Next.js 13 Crash Course Tutorial #7 - Dynamic Segments (Params)
Вставка
- Опубліковано 11 вер 2024
- In this Next 13 tutorial series, you'll learn the basics of Next.js to make a simple project, using the new app router & server components.
🚀🥷🏼Access the entire Next.js 13 Masterclass course on Net Ninja Pro:
netninja.dev/p...
➡️ Use promo code NEXTNINJA50 for 50% off!
📂🥷🏼 Access the course files on GitHub:
github.com/iam...
📂🥷🏼 CSS File from course files:
github.com/iam...
💻🥷🏼 React Tutorial:
netninja.dev/p...
🔗🥷🏼 Next.js docs - nextjs.org/docs
🔗🥷🏼 CSS modules in Next.js - nextjs.org/doc...
🔗🥷🏼 VS Code - code.visualstu...
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
It's fantastic what you do, by the way! I've learned much from you.
Awesome, thank you!
Such an awesome series. Coming here after completing react series. Amazing Shaun. Keep it up !
Thanks a ton! :)
I've learned so much from your videos. Keep inspiring us.
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
I love the way you explain things ! Thx
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!!!!
Thanks alot. Could you make more videos on vue.js composition api ?
You are absolute genius
Thank you so much🙏
I'm from India🇮🇳
Make tutorials on Astro framework please.😅
Why do we need to call twice time async/await for the same request?
This is awesome sir ❤❤❤❤😍😍
Thanks! :)
Does this work on next js 14? Cause I think that you can't pass dynamic hrefs inside Link in that version
@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 👍
Hey, instead of adding the revalidate option to the fetch, you can add a line at the top of the file for similar results if you use Axios or some other 3rd party: export const revalidate = 3600 . See here for more info - nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating#fetching-data-on-the-server-with-third-party-libraries
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?
God bless you.
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.
If you hit the bell icon underneath the video, you'll get notifications for my uploads :)
@@NetNinja Good Guy!!
cant run json server in windows due to MS security
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 } })
👍👍
Great course. But the idea of next.js with folders and pages is very confusing, page.jsx files everywhere, that's not ideal 😢
❤
anyone have the ${variable} not output the data?
I had to use backticks and not single quotes
Shouldnt it be:
export default async function TicketDetails({ params }:any) {...}
hello, i have an issue when trying to display the dynamic data in the page; when i type the data for example {ticket.user_email} it doesnt show it in the page. The rest of the page shows but not the data that i passed from the function is showing in the page and it doesnt show me any erros> what am i doing wrong?
check ur code