Next.js 14 Tutorial - 28 - Parallel 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
Parallel Routes
Parallel Routes in Next.js

Пікірлер: 51

  • @pmcareer109
    @pmcareer1096 ай бұрын

    Nice. I love these series. esp this episode. It makes the code cleaner and specific to route.

  • @mdamirhossain9376
    @mdamirhossain93766 ай бұрын

    Simple but awesome tutorials as always. I always love your videos. I bet, there might not any other video that can make this more clear to understand. Thank you.

  • @mt15explore
    @mt15explore6 ай бұрын

    hey ! thanks for this amazing NEXTJS14 series

  • @skanwar1351
    @skanwar13516 ай бұрын

    thank you soo much for this amazing series, I shared with my friends as they also want to learn Next.js.

  • @shalsa07
    @shalsa076 ай бұрын

    Amazing tutorials. Thanks for this amazing series…🙏👌

  • @flamingosports3227
    @flamingosports32276 ай бұрын

    Great series

  • @CKNMEDIA
    @CKNMEDIA6 ай бұрын

    Amazing series ❤

  • @macdee1337
    @macdee13376 ай бұрын

    Fantastic!

  • @worldbest3097
    @worldbest30976 ай бұрын

    wow...freaking awesome

  • @blaisekempes8659
    @blaisekempes86596 ай бұрын

    Thanks for that Sir🙏

  • @asfandyar8088
    @asfandyar80885 ай бұрын

    great tutorial sir. its awesome

  • @tolbydamit
    @tolbydamit4 ай бұрын

    Thanks!

  • @skanwar1351
    @skanwar13516 ай бұрын

    i appreciated your efforts and love but please Sir, consider to uploading daily classes as it could be helpful for us to learn from you sir and thank you soo much for this amazing series.

  • @yousuf4you
    @yousuf4you5 ай бұрын

    Thanks

  • @alipalvane
    @alipalvane2 ай бұрын

    thanks man

  • @sharpesthawk
    @sharpesthawk6 ай бұрын

    Hi Codeevolution, at 9:00 , could we have achieved that granular control on different parts of the layout.jsx using and instead of Parallel Routes?

  • @you__shef
    @you__shef2 ай бұрын

    save yourself some time and close the dev server and open it again in order to see the new slots you've created otherwise you will search for solutions to a none existing problem

  • @reyjanson1788

    @reyjanson1788

    2 ай бұрын

    life saver

  • @simple8810

    @simple8810

    28 күн бұрын

    oh man I was trying to figure out why my components not showing ,then saw ur comments bro🙃

  • @saputrauta09

    @saputrauta09

    26 күн бұрын

    Thankyou so much, this saved me. How did you know this gonna work?, i mean, why do we need to stop our dev server first?

  • @ndnow12
    @ndnow123 ай бұрын

    Are there any situations to not use parallel routes? Performance or other?

  • @rishiraj2548
    @rishiraj25486 ай бұрын

    Good day greetings

  • @watashit5517
    @watashit55174 ай бұрын

    do we use this all the time or only that case?

  • @AndriiShevchuk-fo8ky
    @AndriiShevchuk-fo8ky6 ай бұрын

    Hello, how many videos will be posted with next.js 14?

  • @MEZOMEZO2011
    @MEZOMEZO20116 күн бұрын

    I'm a bit confused about the advantages compared to the normal Components. Wouldn't creating components still allow for subnavigation or independent handling?

  • @danwsaps
    @danwsaps5 күн бұрын

    what if u have a dashboard data that you get from dashboard layout, and you want to share data base by segment in pararel routes?

  • @neutralviews6
    @neutralviews65 ай бұрын

    Hi, I just have a question, doesn't parallel routes achieve a similar result an an HTML tag?

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

    I don't understand how this is still different from just using components. all the advantages that you mentioned are still available if you just components for the various section.

  • @chinemelumchuba-nwene1503

    @chinemelumchuba-nwene1503

    10 күн бұрын

    Yes they are still be available but maybe difficult to implement and as the application becomes more complex, it may be challenging to scale. Parallel routes in Next.js offer significant advantages when it comes to implementing features like sub-navigation, loading states, and error boundaries. With parallel routes, you can easily manage sub-navigation within these routes, allowing for a more organized and user-friendly structure. One of the key benefits is the ability to handle loading states and error boundaries seamlessly. By simply adding loading.tsx or error.tsx files within the parallel route directories, you can ensure that the application remains interactive and responsive, even when certain parts of the application are loading or encounter errors. This setup allows the rest of the application to retain its state and functionality, providing a smooth and uninterrupted user experience. For example, if one parallel route is loading data, the presence of a loading.tsx file in that route can display a loading indicator without affecting other routes. Similarly, an error.tsx file can catch and display errors specific to that route, ensuring that other parts of the application continue to operate normally. This isolation of states and errors makes managing complex applications more straightforward and robust.

  • @yousuf4you
    @yousuf4you5 ай бұрын

    is @parallerl_routing page be server component??

  • @algorithmscodes-9927
    @algorithmscodes-99274 ай бұрын

    I don't understand the point at 10:15 how does the url plays if we opened different routes in the slots? we switched default notifications to archived and the url changed accordingly, but then if we switch another slot, how will the url look like?

  • @algorithmscodes-9927

    @algorithmscodes-9927

    4 ай бұрын

    alright, the answer is in the next video :D

  • @xdmemeguy
    @xdmemeguy4 ай бұрын

    You should rewrite NextJS documentation

  • @zoethebird1
    @zoethebird14 ай бұрын

    @/component please where is that coming from?

  • @keithcheng8481

    @keithcheng8481

    3 ай бұрын

    The @ alias is a nextJs feature, that allows you to use relative path when importing modules. In this case, the card component comes from the components folder, so the @ shorthand replaces all the absolute path that is usually required, and trims it to just '@components/card'

  • @mkaufmandev
    @mkaufmandev6 ай бұрын

    As a Vue dev I feel like this isn't really showing more than one route at a time but more just using slots with the router to show multiple components at the same time. Maybe it's a semantic thing for me to understand.

  • @stanleyhayford6881

    @stanleyhayford6881

    6 ай бұрын

    I think vue was better planned than react

  • @tuhinjamal6221

    @tuhinjamal6221

    4 ай бұрын

    Yes that is the real fact❤

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

    is there any way to pass props to parallel route componet ?

  • @aurobindobhuyan2107

    @aurobindobhuyan2107

    Ай бұрын

    Maybe from the Layout.tsx component

  • @M7ilan
    @M7ilan6 ай бұрын

    Can I not use the children slot and just use the other slots?

  • @M7ilan

    @M7ilan

    6 ай бұрын

    Just tested it, You can!

  • @algorithmscodes-9927

    @algorithmscodes-9927

    4 ай бұрын

    @@M7ilan you can, but when error happens in one, the whole page will block instead of one slot

  • @cynthiaamarachi8047
    @cynthiaamarachi804715 күн бұрын

    I am stuck here,the children slot are not rendering

  • @h13q18

    @h13q18

    14 күн бұрын

    same

  • @zainn7336
    @zainn73363 ай бұрын

    Its not working I has done everything from reading docs to watching tutorial but its not working

  • @SSmithYT

    @SSmithYT

    3 ай бұрын

    Resaving the globals.css worked for me. (I removed all stuff in there outside of the @tailwind lines, saved it, repasted them all. It saved the dark mode and the new layout loaded for the complex-dashboard.

  • @user-un9rr8nw2u

    @user-un9rr8nw2u

    Ай бұрын

    Me neither. I don't understand. The way I figure it, he should have access.

  • @user-un9rr8nw2u

    @user-un9rr8nw2u

    Ай бұрын

    I created page, layout,@comp1,@comp2,@comp3/newPage under dash-board folder. I am accessing dash-board through routing, but accessing dash-board/newPage will not work.

  • @saputrauta09

    @saputrauta09

    26 күн бұрын

    same here, didn't work

  • @ivosrbakoski1151
    @ivosrbakoski11513 ай бұрын