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
loving this course. simple and to the point, no time is being wasted, thank for making this
This is better that CRA and other frameworks, especially because you guide us all in a way that is very interesting.
crying because i spent so long trying to route and every solution i found was no use, thank you so much!
It feels illegal to watch this for free.
@mubeenahmed6211
15 күн бұрын
so do not watch it
simples e direto ao ponto, nenhum tempo está sendo desperdiçado, obrigado por fazer isso.
i cant express how much i love this channel
This is so well explained & such a helpful tutorial. Thank you so much to make these concepts so easy to understand! :)
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.
Thanks for tutorials. Your teaching style saved my time....
Thank you so much. There have been some changes since previous versions with regards to routing and your video was very helpful.
CRAZY CONTENT!!!! NO ONE HAS TAUGHT ME THIS WELL SIR !!!!
Whatever I am now is just because of Codevolution ❤
Bro you literally saved my life
you're the Best Teature, please complete this course Sir as fast as possible.
@adarshdalvi9772
7 ай бұрын
fast karega toh best nai hoga bhai
@skanwar1351
7 ай бұрын
@@adarshdalvi9772 Tho, Blanket vodleko sojav, Best Hojaiga.
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 !
Awesome tutorial series. Hats off
Thank you very much indian bro
graciassssss, ayudas a progresar mi vida :3
thankyou my friend. you just save my time
Thank you very much!!!!
For real man you’re a blessing❤🎉 Keep more videos coming ……..lol😂🙂✌🏽
Well done!
I have been waiting for this
Great efforts....Thank you!
Keep the videos coming. 👏
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.
Thank you, man!
Thanks for the tutorial ❤
Excellent
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
thank you for all you do mahn
Can the page files have .jsx or .ts extensions for routing?
Bro, please continue with the series.
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
you are the best!
Keep more videos coming ♥
how to create a component for which we dont want to give routing?
@preetisingh1804
8 ай бұрын
don't use Page.tsx for that component
Please tell which vscode theme you are using, I liked it
Thanks
yes easily understandable 🙂
claro e objetivo , muito bom!
thanks
thank you
So good
✨️💪wonderful content..
Sir how to add custom error page/ component?
@sumitkumarsharma3103
9 ай бұрын
create a page naming error.tsx
@gobicorner
9 ай бұрын
@@sumitkumarsharma3103 created one in app directory didnt work for me
@sammymathias
5 ай бұрын
not-found.jsx
0:46 may you tell me how you made the git branch to be visible in the cmd
Please do a fresh course for react as well
How do you get the Next JS snippets for VS Code?
Why do you use src dir?
page file is using .JSX not plain .JS
Is there a way to do a custom 404 route?
please finish react native course
GoodJob!
it's about version 13, not 14
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
2 ай бұрын
In terminal go to generated folder
@aadarshgupta6800
2 ай бұрын
Cd folder name
Anyone else getting a 404?
@humourtial4648
5 ай бұрын
yeah bro
@debasishdas-ok4bj
3 ай бұрын
just run the dev server again
@rashidyaseen6270
3 ай бұрын
Yes
Not working
wtf this is how easy it is? other tutorials are too complicated asf
Why you gotta try to talk like Bro Code bro? I don't watch his videos because the voice is so annoying. Jeez
localhost:3000/pokemon
thank you