Next.js 13 Crash Course Tutorial #4 - Layouts & Links

➡️ Use promo code NEXTNINJA50 for 50% off!

📂🥷🏼 Access the course files on GitHub:

📂🥷🏼 CSS File from course files:

💻🥷🏼 React Tutorial:

[AlberTesla]

this is the most concise explanation so far.

[josephmgift]

I just finished watching the third video then you dropped this new one. Thank you. 🙏

[darumabeats]

super lessons man! love it! also, may i ask which vscode extensions make appear the little folder icons before the node_modules folder or public or page etc? seems so helpful to navigate into the scaffolding, thx man

[RomulanXY]

This is so great but what's the best way to conditionally render the nav and perhaps the footer in the app pages, so that you can select the pages which it doesn't appear on. Because pages like the 404 or signup pages will most likely not need a nav or footer.

[hikolanikola]

omfg, i have been learning React.js for a month now, and i hate it from the bottom of my soul..
Two hours now in to Next.js and im already starting to love it... strange...

[tundejoseph]

Great course! your explanations has always been mind blowing ngl
Just paid for the masterclass btw. ❤💯

[valentinoz-p]

hey, I'm a bit behind this course but either way I'm loving it
Are you going to make a video for linter config? I have real headaches configuring eslint in next, I always end up with an alternative as Rome tools

[gmartins-dev]

​ Is there a way to implement the new shared/wrapper layout.tsx in a NextJs v14 project but still use the old NextJs "pages" folder instead of "app"?

[AnimeZone]

i need some help, it's been a head-scratcher these last few days. Nextjs 13 has this component that you can use to link external scripts it's the "import Script from 'next/script' "However when you use their Link component to navigate to webpages the script stops working. On initial load, it works fine, but if you leave the page to go to another page on the website, and then come back to the original page that has the script, the script stops working. How do you use external scripts in conjunction with Link?

[bravotango]

What plug-in are you using to theme your project?

[thesylwio]

I think that putting the components directory inside the app directory could be misleading. It should be in project's root directory, because we don't want to define /components route.

[DavidLucas-cify]

How does it work when I have a provider like redux?

| app
page
layout
| components
| header
| foodcard

like if the layout have the provider, locally the components header and foodcard can use the redux data. But to build the application it returns the error:

info Generating static pages (0/3)ReferenceError: Cannot access 'cart' before initialization

[theouterspace]

did anyone found a solution when typing '<Link' then ctrl + space shows import?

[Azro-gw]

My brain is trying to transition from Next version 10 to this. Its a slow process but its getting there 😂

[S.R.T-ei]

wtf the ad aunty saying touch my moto? means