Next.js 14 Tutorial - 7 - Dynamic Routes

📘 Frontend Interview Course - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - CodevolutionWeb
+ Facebook - codevolutionweb
📫 Business - codevolution.business@gmail.com
Next.js 14
Next.js Tutorial
Next.js 14 Tutorial
Next.js Tutorial for Beginners
Dynamic Routes
Dynamic Routes in Next.js
Next.js 14 Dynamic Routes

Пікірлер: 85

  • @uquantum
    @uquantumАй бұрын

    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.

  • @user-cr5tv8bw2x
    @user-cr5tv8bw2x7 ай бұрын

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

  • @Usama-Tanoli

    @Usama-Tanoli

    3 ай бұрын

    so as you might finished this could you tell me how is this

  • @bhn1997
    @bhn19973 ай бұрын

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

  • @euroclydon7883
    @euroclydon78837 ай бұрын

    Your explanations are top notch

  • @shubhaverma5697
    @shubhaverma569719 күн бұрын

    Wow. Amazed by the content you provided in 7 minutes. I must have tried to learn about dynamic routes from so many resources, never quite understood it until now.

  • @budifajriarzi4233
    @budifajriarzi42335 ай бұрын

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

  • @riavi
    @riavi3 ай бұрын

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

  • @omozemojeaugustine3529
    @omozemojeaugustine35292 ай бұрын

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

  • @yinonelbaz5309
    @yinonelbaz53097 ай бұрын

    You are doing a great and wonderful job!

  • @jeffreyndukwe3869
    @jeffreyndukwe38697 ай бұрын

    You are doing a great and wonderful job. Nice teaching

  • @md.Alamin-ej6ro
    @md.Alamin-ej6roАй бұрын

    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..

  • @joja2174
    @joja21747 ай бұрын

    bro explained a 2 hours lecture in 7 mins

  • @king_james_official

    @king_james_official

    15 күн бұрын

    no

  • @latifurrahman2648
    @latifurrahman26484 ай бұрын

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

  • @sejeminecraft1
    @sejeminecraft14 ай бұрын

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

  • @rohit_dev
    @rohit_dev7 ай бұрын

    I am going to finish this series with you 🙌

  • @shresthagaurab2193
    @shresthagaurab21934 ай бұрын

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

  • @user-xq9wf6pg2x
    @user-xq9wf6pg2x6 ай бұрын

    so useful teaching! Thanks

  • @DushyantJoshi
    @DushyantJoshi3 ай бұрын

    Just Awesome. Thanks for this.

  • @auricaputri7664
    @auricaputri766412 күн бұрын

    great tutorial video, my first day learning your course!!

  • @user-vu9dl3vn7l
    @user-vu9dl3vn7lАй бұрын

    Thank you so much for the guide! ❤

  • @rickyanchores4464
    @rickyanchores44646 ай бұрын

    Great tutorial!!

  • @syedakashish5913
    @syedakashish59135 ай бұрын

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

  • @mohitrathore8808
    @mohitrathore88087 ай бұрын

    Wonderful, keep going

  • @asifnewaz477
    @asifnewaz4774 ай бұрын

    Thanks bro! You are so cool!

  • @user-bu7xp4vd2s
    @user-bu7xp4vd2s6 ай бұрын

    Thank you!

  • @omexaapp3062
    @omexaapp306222 күн бұрын

    certainly u are the best.

  • @wojteeh
    @wojteeh2 ай бұрын

    Very useful, thanks ;)

  • @riyad-appscode
    @riyad-appscode7 ай бұрын

    Thanks 🙂

  • @andrewberrio7374
    @andrewberrio73744 ай бұрын

    Thank you sir

  • @Pipu748
    @Pipu74828 күн бұрын

    love it

  • @osaka-ben9291
    @osaka-ben92915 ай бұрын

    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.

  • @aakashyadav6228
    @aakashyadav62286 ай бұрын

    Bro, please continue with the series.

  • @nahar830
    @nahar8307 ай бұрын

    Thanks

  • @MucahitCanbey
    @MucahitCanbey5 ай бұрын

    Thanks ✨✨

  • @elenak2528
    @elenak25285 ай бұрын

    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)

  • @tsmusic9587
    @tsmusic95874 ай бұрын

    NICE video

  • @nicolaskorner9351
    @nicolaskorner93514 ай бұрын

    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!

  • @sahandsepidar4089
    @sahandsepidar40897 ай бұрын

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

  • @kevinchittilapilly8221
    @kevinchittilapilly82213 ай бұрын

    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

  • @chesterxp508
    @chesterxp5087 ай бұрын

    GoodJob!

  • @yellhtetnaing2245
    @yellhtetnaing22457 ай бұрын

    waiting for next pieces

  • @jonathanguerrero5991
    @jonathanguerrero59913 ай бұрын

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

  • @behroozbk
    @behroozbk5 ай бұрын

    best

  • @zohaibafridi3522
    @zohaibafridi35226 ай бұрын

    will it work on build?

  • @user-mc1dm3oc7o
    @user-mc1dm3oc7o6 ай бұрын

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

  • @saintrivers962

    @saintrivers962

    4 ай бұрын

    Yeah, I'm having the same problem.

  • @HassanAKhann
    @HassanAKhannАй бұрын

    Saviour

  • @theangelofspace155
    @theangelofspace1557 ай бұрын

    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?

  • @HimanshuGogoi

    @HimanshuGogoi

    7 ай бұрын

    u need to manually redirect it to not found else it will still attempt to show the page

  • @yipmong
    @yipmong2 ай бұрын

    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❤❤❤

  • @HassanMehboob-ij1cq
    @HassanMehboob-ij1cq4 ай бұрын

    How I can get id in nested component?

  • @user-ll2lt6ki4f
    @user-ll2lt6ki4f3 ай бұрын

    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

  • @Kevin-ft1xe

    @Kevin-ft1xe

    2 ай бұрын

    Thanks mate

  • @Kmkn308
    @Kmkn3087 ай бұрын

    waiting more videos

  • @rahmannurudin5003
    @rahmannurudin50036 ай бұрын

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

  • @manuelrosalesmaquieyra9687
    @manuelrosalesmaquieyra9687Ай бұрын

    bestia animal idolo

  • @harshitshrivastava114
    @harshitshrivastava114Ай бұрын

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

  • @selvamkarthik9605
    @selvamkarthik96057 ай бұрын

    😊

  • @adityarajaram3124
    @adityarajaram31246 ай бұрын

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

  • @iqbalali3341

    @iqbalali3341

    6 ай бұрын

    I also have the same problem, have you found a solution?

  • @victoragese9275

    @victoragese9275

    4 ай бұрын

    Same here

  • @bj0urne
    @bj0urne2 ай бұрын

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

  • @EzequielGrigolatto-lg6mz

    @EzequielGrigolatto-lg6mz

    2 ай бұрын

    You can use and configure prettier for that

  • @ailton.duarte
    @ailton.duarte15 күн бұрын

    my layout is not working in productId, do u know why?

  • @JagadishL-wj6sn
    @JagadishL-wj6snАй бұрын

    How do you handle 404 page for dynamic routes

  • @programwithalex

    @programwithalex

    Ай бұрын

    well, lets say you are searching for that id in the database and returning its properties, then yuo can do a conditional rendering to see if your api returned the data or returned a 404 error!

  • @warriors_edge
    @warriors_edgeАй бұрын

    fuckin amazing, thank you

  • @gabrielsouza4483
    @gabrielsouza44833 ай бұрын

    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

  • @EzequielGrigolatto-lg6mz

    @EzequielGrigolatto-lg6mz

    2 ай бұрын

    I'm getting the same issue, were you able to solve it?

  • @gabrielsouza4483

    @gabrielsouza4483

    2 ай бұрын

    @@EzequielGrigolatto-lg6mz the """"fix""" is downgrad tô 13.4.9 , apparently next 14 release with this bug but never fixed

  • @EzequielGrigolatto-lg6mz

    @EzequielGrigolatto-lg6mz

    2 ай бұрын

    @@gabrielsouza4483 thanks for your quick answer! unfortunately downgrade next version is not possible on my case, I'll look for other options then

  • @gabrielsouza4483

    @gabrielsouza4483

    2 ай бұрын

    @@EzequielGrigolatto-lg6mz I tried almost everything , almost for two weeks, but if u find a solution tell me

  • @ObjectiveTruth-zm3hi
    @ObjectiveTruth-zm3hiАй бұрын

    isn't TypeScript a waste of time ?

  • @gorkemgok9313
    @gorkemgok93133 ай бұрын

    The voice is AI. I am sure.

  • @programwithalex

    @programwithalex

    Ай бұрын

    nah he is just Indian 🤣🤣🤣🤣🤣🤣

  • @anasouardini
    @anasouardini18 күн бұрын

    BRO, you've been repeating the same thing in the last 3 videos

  • @yogita868
    @yogita8682 ай бұрын

    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.

  • @igorluyz_
    @igorluyz_6 ай бұрын

    You are doing a great and wonderful job!

  • @adityarajaram3124

    @adityarajaram3124

    6 ай бұрын

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

  • @Txushin
    @Txushin3 ай бұрын

    Thanks

Келесі