Master Route Groups in Next.js | Create Custom Layouts for Webpages | Next.js Tutorial

Unleash the power of route groups in Next.js to create different layouts for various webpages in your application. In this Next.js tutorial, we deep-dive into how you can efficiently manage your website's structure using the concept of route grouping and custom layouts.
This video is perfect for anyone looking to enhance their Next.js skills and create more structured and organized Next.js applications. Whether you're a beginner just starting with Next.js or an intermediate developer looking to up your game, this video is for you.
Don't forget to like, comment, and subscribe for more tutorials on mastering Next.js and other web development concepts!
#nextjs13 #routes #webdevelopment #fullstackwebdevelopment

[@monir63]

I see this system not working nextjs 14

[@webdeveloper2795]

You are really expert programmer, this solution still not present in stack overflow clearly and on KZbin except your video. Many thanks. Subscribing now

[@codeinpieces]

Thank you so much for your kind words! I'm glad to hear that you found the solution helpful and clear. I aim to create content that fills in the gaps and brings more clarity to developers like you. Your subscription and support means a lot and motivates me to keep improving and producing valuable content. If there are any topics or questions you'd like me to cover in the future, please don't hesitate to let me know. Happy coding!

[@parthpandya2647]

Using nextJs 14.1.0, doesn't seem to be working here. Any suggestions?

[@CodeDemonBD]

is this working on next.js 14?

[@Faveszone233]

Saw somewhere in the docs that html and bosy tags are only allowed at the rootlayout. This solution is gjven hydration error

[@injamulhaque9641]

not working in nextjs14

[@abujayed-dot-com]

hmm, not working, From dashboard page If I click on Home, then it is not showing default home page url.

[@anhtuanle4991]

hello sir, how i can use with store or provider like redux ? i was find but didn't anything

[@MyCodingStudio]

sir this code give me error hydration error and Text content does not match server-rendered HTML because. my code is same as your code. how to solve?

[@codeinpieces]

It sounds like you're encountering a common issue with Next.js applications related to hydration errors and content mismatch between server-rendered HTML and client-rendered content. This error often occurs when there is a difference between the content generated on the server and the content generated on the client, leading to a mismatch during hydration. If you are still facing issues please write to us at [e-mail] with snapshots and we will help you resolve it.

[@deathsagar1298]

mila koi solution.same problem here

[@Love-id8gu]

👍😍

[@codeinpieces]

👍

[@maitreyadewal]

👍👍👍

[@codeinpieces]

👍