Next.js 14 Tutorial - 9 - Catch all Segments

📘 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 - [e-mail]
Next.js 14
Next.js Tutorial
Next.js 14 Tutorial
Next.js Tutorial for Beginners
Catch all Segments
Catch all Segments in Next.js

[@emma_okeke]

You are the best thing that has happened to the internet. Keep it up brother!!!!

[@Piyush_Kale_02]

so grateful to have this playlist you made the day and the teaching technique is very good keep going growing in this days this type of quality content is hard to find for free so
THANK YOU

[@m_mdi0]

Thanks for your effort this series is amazing, keep it up 👍

[@chandandubey7280]

Please continue this series. Really you're superb.

[@wisdomfount]

Thank you so much. It's amazing how you organized the coure.

[@samiran__roy]

Awesome bhai. Thanks for this series.

[@su6012]

Köszönjük!

[@sahandsepidar4089]

as always ; thanks man

[@riyad-appscode]

Great Video 👍

[@jacksonbr4759]

thank so much, for share your know us!

[@warlockCommitteeMeeting]

Thank you!

[@Shelby63589]

The last part, instead of optional catch all, cant we just define a page.tsx in the docs directory? Isn't that enough?

[@bokacoder]

amazing bro

[@OnlyJavascript]

done..this is damn good.

[@me29_hi8]

thanx for the sries

[@oheylorenzo5975]

please another detailed video on catch all segments

[@cardosoexotics]

Thank you very much for your service !

[@sammtanX]

Sir, what are the relations between NextJSProvider to this tutorial? Is it something about routing? And, can you please cover another tutorial about combining with NextUI?
Great videos btw. Keep it up, sir!

[@amirhassan6549]

next js is like a bomb

[@ranaimranahmed2532]

Plz another video on this topic

[@Maz-kk8gl]

When you want to make the params in the catch-all segment optional with [[...]], should the type of params be changed to { slug?: string[] }? The error you get suggests that when there are no params provided, the variable is undefined rather than an empty array. That would then force the typing you added at the end.

[@M0nst3rGamingyt]

@Codevolution I have a question. this routing seems amazing but while developing, we often need to switch between files in VS code and for certain people like me having habit of pressing ctrl + p and open file that way. which actually won't work in this. what could be the solution

[@Website-Content-Creator]

can you please make any type of example like with product page this catch all routes

[@eelguneezmemmedov1671]

Sir can u make small project using redux with multilanguage next js Please

[@ranaimranahmed2532]

How to fetch data from mysql in next 14 plz a detailed video

[@nafiyashanu8329]

I don't know what happened but whenever I go to the url localhost:3000/docs - it is showing not found error but other urls like localhost:3000/docs /route etc are working fine can anyone help me to resolve this issue.

[@CodeAshutosh]

Which theme do u use?

[@ken2ker495]

tell me why we need to change from [..slug] -> [[...slug]] , idk this

[@nyctophillia2292]

please, what's the shortcut for export with named arrow func with the folder name?

[@rexy_op1079]

Rafce you should have the extension installed for that

[@nyctophillia2292]

na i figured it out. he created custom vscode snippets @@rexy_op1079 i was talking about the snippet with the classname and so on

[@iramdeep8964]

i wrote the same code but there are 13 mistakes shown by vs code, please help

[@user-hv1ru6oj9l]

if(params.slug.length === 2) { Uncaught TypeError: Cannot read properties of undefined (reading 'length') ) i wrote the same code though

[@srijansaurabhjha4169]

Use optional chaining
if(params.slug?.length==2){
.......
}
Like this

[@OnlyJavascript]

first

[@adeniyitaofik3832]

you used [[...slug]] instead of docs/[...slug]
and you where able to route to /docs
when there isnt a directory named docs
please more explanation. thanks

[@sharpesthawk]

At 7:39 , the folder structure is the same, just rename [...slug] to [[...slug]]. It worked for me 👍

[@BolasDear]

dear sahab are you fiitng all code inside html, looks like to me. i know nothing in programming thats why asked?sorry if i asked something wrong.

[@justbondit.3306]

Then how do you know html?

[@BolasDear]

@@justbondit.3306 advertisement.

[@leela2997]

Hi
The concepts and content seem to be similar to that of the already existing nextjs videos in this channel
Why are we creating them again?

[@darcyrachel3044]

bec this is next 14 series (lateset version of next) , the previous ones are older version of NextJS.

[@leela2997]

@@darcyrachel3044 yes I feel instead of doing videos on everything it would have been nice of the videos are made on the new features of this release.. 1st few videos of this series seems to be same as previous ond

[@armat_dt]

@@leela2997 I think it's also for people who new to next.js

[@DushyantJoshi]

@@armat_dt Yes this should be the reason

[@ShootingUtah]

I really dislike how every page has to ve named page.js/tsx it's much more user friendly to have meaningful names IMO even if it's just reviewsPage.jsx in the directory Reviews. Then when searching files I don't have to look at directories only file names.

[@Anonymous____________A721]

Then don't use

[@SanjayVerma001]

Bhai tu khud ka nextjs bana le