No video

Next.js 14 Tutorial - 5 - Routing

📘 Frontend Interview Course - learn.codevolu...
💖 Support UPI - support.codevo...
💖 Support Paypal - www.paypal.me/...
💾 Github - github.com/gop...
📱 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
Routing
App Router
Next.js 14 Routing

Пікірлер: 74

  • @khalizero
    @khalizero8 ай бұрын

    loving this course. simple and to the point, no time is being wasted, thank for making this

  • @ryansatriayudha
    @ryansatriayudha6 ай бұрын

    This is better that CRA and other frameworks, especially because you guide us all in a way that is very interesting.

  • @angyxajil4862
    @angyxajil48626 ай бұрын

    crying because i spent so long trying to route and every solution i found was no use, thank you so much!

  • @andreasmueller3634
    @andreasmueller36347 ай бұрын

    It feels illegal to watch this for free.

  • @mubeenahmed6211

    @mubeenahmed6211

    15 күн бұрын

    so do not watch it

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

    simples e direto ao ponto, nenhum tempo está sendo desperdiçado, obrigado por fazer isso.

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

    i cant express how much i love this channel

  • @arkadyutipaul246
    @arkadyutipaul2463 ай бұрын

    This is so well explained & such a helpful tutorial. Thank you so much to make these concepts so easy to understand! :)

  • @juanfranciscocevallosvaldi149
    @juanfranciscocevallosvaldi1496 ай бұрын

    Should be important to mention that this is for server side components, in case you want to use some hooks you should add " use client" at the top of the file. As the documentation said u can create pages routing creating a directory "pages" and inside it "pages/about/index.tsx" it should work for client side components instead of server side. When a file is added to the pages directory, it's automatically available as a route. In Next.js, a page is a React Component exported from a .js, .jsx, .ts, or .tsx file in the pages directory. Each page is associated with a route based on its file name. Example: If you create pages/about.js that exports a React component like below, it will be accessible at /about.

  • @enamulmorshed3010
    @enamulmorshed30107 ай бұрын

    Thanks for tutorials. Your teaching style saved my time....

  • @RenardBergson
    @RenardBergson7 ай бұрын

    Thank you so much. There have been some changes since previous versions with regards to routing and your video was very helpful.

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

    CRAZY CONTENT!!!! NO ONE HAS TAUGHT ME THIS WELL SIR !!!!

  • @exoticgaming7616
    @exoticgaming76162 ай бұрын

    Whatever I am now is just because of Codevolution ❤

  • @diegograjeda3644
    @diegograjeda36444 ай бұрын

    Bro you literally saved my life

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

    you're the Best Teature, please complete this course Sir as fast as possible.

  • @adarshdalvi9772

    @adarshdalvi9772

    7 ай бұрын

    fast karega toh best nai hoga bhai

  • @skanwar1351

    @skanwar1351

    7 ай бұрын

    @@adarshdalvi9772 Tho, Blanket vodleko sojav, Best Hojaiga.

  • @mouradeljayi584
    @mouradeljayi5849 ай бұрын

    I hope you create a Nuxt JS 3 tutorial after this one ! Thank you for the time and effort you put into this wonderful content !

  • @dellsonydissanayaka7712
    @dellsonydissanayaka77123 ай бұрын

    Awesome tutorial series. Hats off

  • @webb8908
    @webb890815 күн бұрын

    Thank you very much indian bro

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

    graciassssss, ayudas a progresar mi vida :3

  • @adeelashraf018
    @adeelashraf0188 ай бұрын

    thankyou my friend. you just save my time

  • @PeDouaRoti172
    @PeDouaRoti1725 ай бұрын

    Thank you very much!!!!

  • @oketunbiolufunke1142
    @oketunbiolufunke11429 ай бұрын

    For real man you’re a blessing❤🎉 Keep more videos coming ……..lol😂🙂✌🏽

  • @yusufnadaroglu4108
    @yusufnadaroglu41083 күн бұрын

    Well done!

  • @sudoevans
    @sudoevans9 ай бұрын

    I have been waiting for this

  • @tamerahmed9860
    @tamerahmed98609 ай бұрын

    Great efforts....Thank you!

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

    Keep the videos coming. 👏

  • @thecoder1631
    @thecoder16312 ай бұрын

    this is nice. I hated react router Dom and their continues new changes. they made it way too complicated and keep changing things like twice a year.

  • @beybell
    @beybell4 ай бұрын

    Thank you, man!

  • @zaynabdikko4433
    @zaynabdikko44337 ай бұрын

    Thanks for the tutorial ❤

  • @qazimtahir
    @qazimtahir4 ай бұрын

    Excellent

  • @tempuser9560
    @tempuser95609 ай бұрын

    Hello i am very excited to whole series of Nextjs 14. please make one video for the database connection with mysql not with mongodb. simple crud with nextjs 14 and mysql database. Thanks in adavance

  • @adetunjiigbatayo8535
    @adetunjiigbatayo85359 ай бұрын

    thank you for all you do mahn

  • @firewatermoonsun
    @firewatermoonsun2 ай бұрын

    Can the page files have .jsx or .ts extensions for routing?

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

    Bro, please continue with the series.

  • @vijaykumarparelli5329
    @vijaykumarparelli53296 ай бұрын

    Hey Vishwas. how do we pass props to layout to pages, also how set some default props to all the pages Ex: prev _app.js export default function App({ Component, pageProps }) { const dispatch = useDispatch(); return ( ); } this dispatch by default available to all the pages in the pages-directory. in the next 14 app-directory how do we set like this, and need to pass some props page.js to layout.js

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

    you are the best!

  • @undefined-null-NaN
    @undefined-null-NaN9 ай бұрын

    Keep more videos coming ♥

  • @yuktiguru9098
    @yuktiguru90988 ай бұрын

    how to create a component for which we dont want to give routing?

  • @preetisingh1804

    @preetisingh1804

    8 ай бұрын

    don't use Page.tsx for that component

  • @gautamanand9052
    @gautamanand90525 ай бұрын

    Please tell which vscode theme you are using, I liked it

  • @user-ix1om7sq2m
    @user-ix1om7sq2m5 ай бұрын

    Thanks

  • @taranewstime6909
    @taranewstime69099 ай бұрын

    yes easily understandable 🙂

  • @victorgabrielreis8586
    @victorgabrielreis85867 ай бұрын

    claro e objetivo , muito bom!

  • @samitshad2965
    @samitshad29654 ай бұрын

    thanks

  • @Arya-nr4ym
    @Arya-nr4ym7 ай бұрын

    thank you

  • @nicolasdupere
    @nicolasdupere4 ай бұрын

    So good

  • @namycodes
    @namycodes9 ай бұрын

    ✨️💪wonderful content..

  • @yashumani2822
    @yashumani28229 ай бұрын

    Sir how to add custom error page/ component?

  • @sumitkumarsharma3103

    @sumitkumarsharma3103

    9 ай бұрын

    create a page naming error.tsx

  • @gobicorner

    @gobicorner

    9 ай бұрын

    @@sumitkumarsharma3103 created one in app directory didnt work for me

  • @sammymathias

    @sammymathias

    5 ай бұрын

    not-found.jsx

  • @thebocksters2756
    @thebocksters27563 ай бұрын

    0:46 may you tell me how you made the git branch to be visible in the cmd

  • @pranilkumar8687
    @pranilkumar86876 ай бұрын

    Please do a fresh course for react as well

  • @creative0x
    @creative0x5 ай бұрын

    How do you get the Next JS snippets for VS Code?

  • @zlackbiro
    @zlackbiro9 ай бұрын

    Why do you use src dir?

  • @marvelous812
    @marvelous8125 ай бұрын

    page file is using .JSX not plain .JS

  • @aadargupta
    @aadargupta6 ай бұрын

    Is there a way to do a custom 404 route?

  • @freedom-hg4vk
    @freedom-hg4vk9 ай бұрын

    please finish react native course

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

    GoodJob!

  • @me29_hi8
    @me29_hi86 ай бұрын

    it's about version 13, not 14

  • @TanzeelAhmad-gi9jq
    @TanzeelAhmad-gi9jq3 ай бұрын

    npm ERR! Missing script: "dev" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: C:\Users\FATTANI COMPUTERS\AppData\Local pm-cache\_logs\2024-05-17T10_58_33_251Z-debug-0.log i having this error please help:)

  • @aadarshgupta6800

    @aadarshgupta6800

    2 ай бұрын

    In terminal go to generated folder

  • @aadarshgupta6800

    @aadarshgupta6800

    2 ай бұрын

    Cd folder name

  • @professionalyoutubevideowa37
    @professionalyoutubevideowa375 ай бұрын

    Anyone else getting a 404?

  • @humourtial4648

    @humourtial4648

    5 ай бұрын

    yeah bro

  • @debasishdas-ok4bj

    @debasishdas-ok4bj

    3 ай бұрын

    just run the dev server again

  • @rashidyaseen6270

    @rashidyaseen6270

    3 ай бұрын

    Yes

  • @user-pw7et2fq8z
    @user-pw7et2fq8z2 ай бұрын

    Not working

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

    wtf this is how easy it is? other tutorials are too complicated asf

  • @cga6336
    @cga63363 ай бұрын

    Why you gotta try to talk like Bro Code bro? I don't watch his videos because the voice is so annoying. Jeez

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

    localhost:3000/pokemon

  • @paulina7497
    @paulina74977 ай бұрын

    thank you