Тёмный
No video :(

Next.js 13 - Layouts and Pages Explained in 20 mins or so 

developedbyed
Подписаться 936 тыс.
Просмотров 115 тыс.
50% 1

Enroll to the Full Stack React Course 👇
developedbyed....
Heyo👋
In this video we are going to explain all the different kind of pages and layouts next.js 13 provides you.
If you have been avoiding the app directory, i'd highly recommend giving it a go today.
Here is an example github
github.com/dev...
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/dev...
#programming #react #webdevelopment

Опубликовано:

 

17 апр 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 85   
@developedbyed
@developedbyed Год назад
Code 📔 github.com/developedbyed/next-pages-examples Mess around with it live here ⚡: next-pages-examples.vercel.app/ Full Stack Next Course 13 🔥: developedbyed.com/p/the-full-stack-react-course
@naisunodansu
@naisunodansu Год назад
Thanks Felix!
@dev_franqqi
@dev_franqqi Год назад
The timing of this is amazing... literally started my next Js 13 journey yesterday...Thanks Ed❤️
@wasiflatifhussain
@wasiflatifhussain Месяц назад
absolutely goated. i was looking for how to implement the paging system and this vid told me all I needed.
@harrisonlawton9630
@harrisonlawton9630 Год назад
You're killing it with these great walkthroughs. Keep it coming!
@paschalynukwuani6930
@paschalynukwuani6930 Год назад
Dev Ed has a reputation for doing great, concise and comprehensive tutorials. I appreciate you so much. This tutorial here was all I needed to understand Next.js better. Thanks for keeping it short and simple. You are the BEST man!
@theifeanyi
@theifeanyi Год назад
Thanks a lot Ed. Just to be clear though. 1.) I understand that loading is triggered once we are awaiting a render. so my question is we can have a loading.tsx in the main app directory and use it globally right? how will that work for each route. do we import it in each page.tsx? 2.) when we have multiple pages in a folder. say product list and the product details page in one folder. how do we manage it since each file is called page.tsx ? Sorry i am still new to nextjs
@benjaminuwah1850
@benjaminuwah1850 Год назад
Everything’s very easy to understand following your step
@benjaminuwah1850
@benjaminuwah1850 Год назад
My best online instructor
@user-yh5bb9xz6e
@user-yh5bb9xz6e 8 месяцев назад
how are your tags are fetching components from server just by hovering over the link?
@semenpetrenko3316
@semenpetrenko3316 Год назад
Which extension are you using for the autocomplete?
@nithinjunior8116
@nithinjunior8116 Год назад
Thank you sir for teaching us for free, I want to learn and work with you. i have make all project that u have made,,,and even more.,, I am student of 2nd year...and please tell how can i grab internship.
@asher-youtube
@asher-youtube Год назад
Exactly what I needed - thank you! ❤ Buying your course this week
@guilhermemm-dev
@guilhermemm-dev 4 месяца назад
Is there a way to implement the new reusable layout.tsx in a NextJs v14 project but still use the old NextJs "pages" folder instead of "app"?
@squidux
@squidux 10 месяцев назад
and just like that, I've been spending 3 hours trying to figure out what I was doing wrong, read docs and everything and in less then 3 minutes I got my answer. 🙏🏾
@0xSoko
@0xSoko Год назад
Thank you! feeling much more comfortable with app router now :D
@nithinjunior8116
@nithinjunior8116 Год назад
Have a great journey ahead❤🎉
@user-oq3tr6wv1t
@user-oq3tr6wv1t 10 месяцев назад
How is the loading.tsx triggered from within page.tsx in the movies-loading folder?
@dearvivekkumar
@dearvivekkumar Год назад
wallpaper is too awesome... That is first thing got noticed. 😀
@maxwebstudio
@maxwebstudio Год назад
I tried and really love the DX with the app folder. I find it to be a way more efficient and easy way to go. But till it is not production ready, we kinda stuck with the 'normal' approach
@luizmeraki
@luizmeraki Год назад
Please, someone explain me one thing. The folders like: components, assets, services... should inside of app folder or it's not necessary?? Is there something about at the docs?
@youssefmahmoud6268
@youssefmahmoud6268 Год назад
Thanks a lot, i have a question please, i want to make two layouts, very layout has its own nav that i do not need to import it in very page, layout for client and layout for dashboard.
@bartbroekhuizen5617
@bartbroekhuizen5617 Год назад
Is it not better to use Suspense Api when your movies are still loading, seems quicker and neater (less routing)
@ShubhamSingh-gw9kq
@ShubhamSingh-gw9kq Год назад
I liked yout pc homepage theme, its so soothing, where can I find it?
@leannemillar8839
@leannemillar8839 Год назад
Congratulations to you both!
@behold_a_son
@behold_a_son Год назад
How does next know to load page.tsx after loading.tsx. You haven't added any logic specifically. Is this a default next feature that calls loading.tsx if page.tsx is loading? Is that unique to the filename "loading.tsx"?
@noooOne462
@noooOne462 11 месяцев назад
is there a way so that the first fetch is from the server and the rest if the user changes something like query than from the client
@_kadirmetin
@_kadirmetin Год назад
Thanks for the video Ed. I have a question. I made a blog project, so I want an admin panel. I don't want to use global layout in my admin area. How can I use two layouts in one project?
@thinBillyBoy
@thinBillyBoy 11 месяцев назад
Ed, can you help me solve this? I can only use .env.local in the root dir and not under utils for some reason, and I'm stumped because others can use it under util like you did here. :(
@mikee2765
@mikee2765 Год назад
very nice thank you. Hope you drop the low background music
@guyfromdoon
@guyfromdoon Год назад
Most required video... Also first comment 🫡🫡❤
@rockNbrain
@rockNbrain Год назад
Great job dude 🎉
@Popo-hr6gc
@Popo-hr6gc Год назад
Is naming the file index.tsx (instead of page.tsx) deprecated in Nextjs 13? Or will it still work?
@a99986
@a99986 11 месяцев назад
is ti possible to change page.tsx defaul file name and brake in to part
@hossinhabil7743
@hossinhabil7743 Год назад
Thank you for the amazing video ❤
@emrahyigit
@emrahyigit Год назад
Is there a reason why we see this "app" folder in all videos, even though the Next says it's beta?
@bwustinbweem
@bwustinbweem Год назад
i feel so dumb. been stressing over my page loading time and i never thought about loading.tsx file. i dont know if i just missed that in the docs or what but whatever, its fixed now!
@scottclarke953
@scottclarke953 Год назад
Congratulations on your wedding !!!!!🎉🎉🎉🎉🎉🎉🎉 I hope you and your beautiful wife are having a wonderful time. 👍👍👍👍👍👍👍👍
@ichacodes
@ichacodes Год назад
Yes. The slow loading thing is a real problem, people will leave the site thinking it's error
@sang4005
@sang4005 Год назад
Thanks
@Itspinky1995
@Itspinky1995 Год назад
what theme or exstention is that for the cool folders icons
@m.nazran2087
@m.nazran2087 Год назад
Cool desktop. where u get the background
@edricko7
@edricko7 Год назад
Congratulations Ed😂🎉
@iAmTheWagon
@iAmTheWagon Год назад
Oh please do a video on Parallel Routes and Intercepting. 🙏😚
@acerpaulo7680
@acerpaulo7680 Год назад
i feel like hugging you right now thanks alot at least i van sleep now😅
@abhinavbansal9396
@abhinavbansal9396 Месяц назад
What is that wallpaper link? ??
@abhilashm5236
@abhilashm5236 Год назад
if i declare "use client" in layout (not root layout), will all its children be a client component ..?
@eclipse6936
@eclipse6936 Год назад
the ttiming for this...i swear!
@winningtech5
@winningtech5 Год назад
I forgot this man was still in this space. He changed his name
@adyawinsaate
@adyawinsaate Год назад
devEd
@winningtech5
@winningtech5 Год назад
@@adyawinsaate yeah. The old good devEd
@MusicsFree
@MusicsFree Год назад
In this video you looking something changed!!
@robertodelvalle9919
@robertodelvalle9919 Год назад
Hello, does anyone knows what vscode theme he use in the video?
@YoungHazeun
@YoungHazeun Год назад
hi! does anyone knows what vscode theme he use in the video?
@deeep7578
@deeep7578 Год назад
congrats 🎗
@GriffinGradke
@GriffinGradke Год назад
Congratulations on getting married Ed!
@leomacdon7858
@leomacdon7858 Год назад
Thank you sir
@lukecartwright613
@lukecartwright613 Год назад
Congrats on getting married!! 👰🏻🤵🏻‍♂ I remember when you announced engagement :D
@dayachettri5157
@dayachettri5157 Год назад
learned a lot from you
@tuantranvan8807
@tuantranvan8807 Год назад
thank you
@maherylala2153
@maherylala2153 Год назад
Congrats on the wedding tho 🎉
@nekoresOfficial
@nekoresOfficial Год назад
🎉
@simoncallelaverde
@simoncallelaverde Год назад
Dev Ed, why don't you import instead of :S Brah, this new Zelda game coming out soon is driving me nuts
@aktoriukas
@aktoriukas Год назад
worth mansioning that this is still beta & need explicitly to choose app layout to use it.
@7ala9at
@7ala9at Год назад
please can u talk about nextjs with laravel api authentication? crash course in youtube :)
@antoniolucio5243
@antoniolucio5243 Год назад
thank u sr
@rpanda_old
@rpanda_old Год назад
How to add fake delay
@zoltancaputo9562
@zoltancaputo9562 7 месяцев назад
awesome tks
@ekchills6948
@ekchills6948 Год назад
You're the best
@rabibarik1931
@rabibarik1931 Год назад
Hi sir please help me for discation
@judeugwu1996
@judeugwu1996 Год назад
congratulation
@francisfuwaku
@francisfuwaku Год назад
congratulation.....happy and sweet marriage
@DanoldNyamsi
@DanoldNyamsi 10 месяцев назад
You're a mad guy 😂
@arhabersham
@arhabersham Год назад
Congratulations ❤😃💍🎉
@emmanuel8944
@emmanuel8944 Год назад
First to comment😅
@katadermaro
@katadermaro Год назад
Felix-box
@Lasang824
@Lasang824 Год назад
First 😳
@greendsnow
@greendsnow Год назад
did he just say 'pewdiepie' ?
@tomilola_ng
@tomilola_ng 10 месяцев назад
When you are teaching, endeavour to turn off Co-pilot it is very distracting
@emmanuelbanky5735
@emmanuelbanky5735 Год назад
Thought u where guy
@Frost_Byte_Tech
@Frost_Byte_Tech 11 месяцев назад
Exactly what I expected from marrying a South African 😂😂
@wegene2056
@wegene2056 Год назад
am i the only one heard b**b*s not movies?🧒🧒🧒 6:35
@dayachettri5157
@dayachettri5157 Год назад
😂😂 3-4 times
@GarfieLD-Mami
@GarfieLD-Mami 10 месяцев назад
Thx bro
Далее
The Story of Next.js
12:13
Просмотров 562 тыс.
10 common mistakes with the Next.js App Router
20:37
Просмотров 202 тыс.
How To Debug React Apps Like A Senior Developer
21:07
Просмотров 114 тыс.
I DONT USE NEXT JS
54:01
Просмотров 344 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 937 тыс.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
Templates vs Layouts in NextJs 13
16:54
Просмотров 14 тыс.
HTMX + GO 15 Minute Quickstart (For Javascript Devs)
16:59