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.
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
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
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:)
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!
simples e direto ao ponto, nenhum tempo está sendo desperdiçado, obrigado por fazer isso.
It feels illegal to watch this for free.
so do not watch it
Thanks for tutorials. Your teaching style saved my time....
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.
Bro you literally saved my life
you're the Best Teature, please complete this course Sir as fast as possible.
fast karega toh best nai hoga bhai
@@adarshdalvi9772 Tho, Blanket vodleko sojav, Best Hojaiga.
CRAZY CONTENT!!!! NO ONE HAS TAUGHT ME THIS WELL SIR !!!!
i cant express how much i love this channel
Whatever I am now is just because of Codevolution ❤
This is so well explained & such a helpful tutorial. Thank you so much to make these concepts so easy to understand! :)
Thank you so much. There have been some changes since previous versions with regards to routing and your video was very helpful.
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 !
0:46 may you tell me how you made the git branch to be visible in the cmd
Simple and easy to understand!
Whao. This is a detail series
Awesome tutorial series. Hats off
very helpful video. thanks for sharing
Thanks so much sir... You are amazing...
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
thankyou my friend. you just save my time
Please tell which vscode theme you are using, I liked it
Sir how to add custom error page/ component?
create a page naming error.tsx
@@sumitkumarsharma3103 created one in app directory didnt work for me
not-found.jsx
how to create a component for which we dont want to give routing?
don't use Page.tsx for that component
is it mandatory to write file name with page.jsx only? i mean "page" name is strict to write?
Can the page files have .jsx or .ts extensions for routing?
graciassssss, ayudas a progresar mi vida :3
Great efforts....Thank you!
the folder with name "Profile" & "profile" will influence the url as well, is it normal?
Thank you very much!!!!
Thanks for the tutorial ❤
I have been waiting for this
How do you get the Next JS snippets for VS Code?
Is there a way to do a custom 404 route?
Beautiful 😍❤️
Keep the videos coming. 👏
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
Why do you use src dir?
For real man you’re a blessing❤🎉
Keep more videos coming ……..lol😂🙂✌🏽
Thank you very much indian bro
Thank you, man!
you are the best!
Bro, please continue with the series.
thank you for all you do mahn
Keep more videos coming ♥
claro e objetivo , muito bom!
Excellent
I have nextjs 14.2 and everything is different??
Mine is too but you can still follow along. There is no more src folder so just delete the app folder.
good work bruh
the layout page is not created on my side automaticaaly plz help
Please do a fresh course for react as well
✨️💪wonderful content..
yes easily understandable 🙂
thank you
Thanks
please finish react native course
So good
Well done!
page file is using .JSX not plain .JS
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.
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:)
In terminal go to generated folder
Cd folder name
Not working
Anyone else getting a 404?
yeah bro
just run the dev server again
Yes
wtf this is how easy it is? other tutorials are too complicated asf
HOW ON EARTH IS THIS FREE?
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
thanks