Next.js 14 Tutorial - 7 - Dynamic Routes 

bro explained a 2 hours lecture in 7 mins

Thanks so much❤ I’d moved so quickly to astro (ssr) a couple years ago, but now I have a next.js project, so I really appreciate your presentation style and the content to get me up to speed.

Thanks! This cleared up what my instructor meant by dynamic routes, I didn't get it in class.

Thanks for your guides. Exactly what I wanted to render!

Thanks. I'm following this course as soon as they drop. Promise to finish it with you. This is great

Your explanations are top notch

Thank you for step-by-step tutorial, very helpful

Am following the series thanks for breaking this down to this level

this course helps me very much. you are the best instructor

You are doing a great and wonderful job. Nice teaching

Thank you so much for the guide! ❤

I am going to finish this series with you 🙌

You are doing a great and wonderful job!

Thanks u so much step by step , it's very helpful

so useful teaching! Thanks

Thank you so much. Short and precise, extremely helpful!

Damn THIS was too good, it helps me a lot i was searching for this type of content but everyone just explained it in a more difficult way , anyway it was damn good to understand the basics of the dynamic routes. Thanks a lot..

Just Awesome. Thanks for this.

thank you so much ! i was struggling with NextJs router specially with the 14.0 version because we're not using the folder "pages" anymore if i get it right.

explanation is so good.And it seems like john the don it teaching.

Great tutorial!!

Thanks for the lecture. I have a doubt. How can I add a check so that only if the productId is a number, I navigate to the right page. But if the user enters something like product/temp it does not navigate to the productid page

Thank you! Where did you find it? There is no this info in documentation I think. Only with the help of your video I managed to finally do dynamic routes ( params especially are never mentioned in documentation, or I am stupid I don;t know)

love it

Hey Codevolution & watchers, In your dynamic routes we're using params. Is there any difference to your usage and type declaration compared to NextJS useParams für dynamic routes? In their docs they create a variable with const params = useParams (and import it). Thanks for your videos!

Wonderful, keep going

Thank you!

Thanks bro! You are so cool!

Very useful, thanks ;)

Thank you sir

Thanks 🙂

Bro, please continue with the series.

Thanks

Thanks ✨✨

i only tought the only way to get the paramd is using hooks , i didnt know about params ; thank you

why my params.productID is showing undefined in console.log

Does this work with js also? It renders only the "404 page not found" component in my case

NICE video

will it work on build?

How I can get id in nested component?

But what happen of we try to access a outOfRange dynamic route? Do we need to build that logic so if a user is trying to go to /[100] but we only have 50 resources? Or will nextJS render a 404 - not found?

If someone gets an error, the id does not appear in the text on the page or next shows an error, check whether you wrote the ID correctly in the ProductId folder. In the folder name, the first letter I must be capitalized product Id

Dynamic routs information start at minute 4:00 all previously said is not dynamic routes.

where's _app module in newest next.js version?

GoodJob!

best

waiting for next pieces

My VS Code doesn't automatically format my code when I save the file like yours does... Is that an extension you're using?

I have question while deploying in next js 14 with app router (Dynamic Route) it's not supported. Do you know any way?

Saviour

waiting more videos

How do you handle 404 page for dynamic routes

Sir, words can not express our appreciation to your short and fully concised tutorial, we are very grateful for this. i watched a 3 hours tutorial but couldnt understand fully but yours of less than 10 mins i feel like a pro in this thank you so much for all you do sir❤❤❤

bestia animal idolo

Why when im ussing output: export I got the error "Page "/[ID1]/[ID2]" is missing "generateStaticParams()" so it cannot be used with "output: export" config." ??? I dont have all possible values to ID2 and ID2 to generateSTtaicParams

😊

fuckin amazing, thank you

isn't TypeScript a waste of time ?

The voice is AI. I am sure.

I have this created this file structure in Next js version ->14 project\[[id]] Inside page.tsx I have this code-> 'use client'; import PathwayContainer from '@/components/Pathways/PathwayContainer'; const PathwayPage = () => { const clientID = '06375fa6-999a-46a8-9d80-12e41e76aa52'; return ( ); }; export default PathwayPage; This clienID I would fetch from useselector later as of now i keep code like this. and this is the component for PathwayContainer. 'use client'; interface IPathwayContainerProps { fetchClientProjects: (clientId: string) => Promise; clientID: string; } const PathwayContainer: FunctionComponent = (props) => { const { fetchClientProjects, clientID, } = props; const [loading, setLoading] = useState(false); const [activeProjectList, setActiveProjectList] = useState([]) useEffect(() => { const getActiveProjectList = async () => { try { setLoading(true); const projectInfo = await fetchClientProjects(clientID); setActiveProjectList(projectInfo); } catch { } finally { setLoading(false); } } getActiveProjectList(); }, [clientID]) return ( {activeProjectList.map((activeProject, index) => ( {activeProject.name} ))} ); }; export default connect(() => ({}), { fetchClientProjects: actions.clients.fetchClientProjects, })(PathwayContainer); whevaver user clcik on this link which i have crated using clientID is not changed but my useeffect code runs again and again whenver user click on links. same code works fine in react. How can i solve this issue.please help.

You are doing a great and wonderful job!

Thanks