Next.js 14 Tutorial - 5 - Routing

📱 Follow Codevolution

Routing
App Router

[khalizero]

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

[andreasmueller]

It feels illegal to watch this for free.

[ryansatriayudha]

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

[angyxajil]

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

[natcurti]

i cant express how much i love this channel

[exoticgaming]

Whatever I am now is just because of Codevolution ❤

[igorluyz_]

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

[arkadyutipaul]

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

[junaiid]

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

[enamulmorshed]

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

[mouradeljayi]

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 !

[skanwar]

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

[RenardBergson]

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

[juanfranciscocevallosvaldi]

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.

[mohsinalijafery]

Thanks so much sir... You are amazing...

[adeelashraf]

thankyou my friend. you just save my time

[oketunbiolufunke]

For real man you’re a blessing❤🎉

Keep more videos coming ……..lol😂🙂✌🏽

[matthewtang]

the folder with name "Profile" & "profile" will influence the url as well, is it normal?

[firewatermoonsun]

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

[vijaykumarparelli]

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 (
<Provider store={store}>
<Component Component={Component} pageProps={pageProps} dispatch={dispatch} />
</Provider>
);
}

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