Creating Multiple Pages in Next.js _ NextJs Tutorial for Beginners #8
45 views
Feb 13, 2024
The eighth tutorial video in the series, "Creating Multiple Pages in Next.js," focuses on guiding beginners through the process of building a multi-page Next.js application. Viewers learn how to create additional pages within their Next.js projects and set up navigation between these pages using Next.js routing features. The tutorial covers essential concepts such as creating new page components, defining routes using file-based routing, and linking between pages using Next.js' `<Link>` component. By following along with this tutorial, beginners gain a solid understanding of how to structure and navigate between multiple pages in Next.js, enabling them to create more complex and dynamic web applications.
View Video Transcript
0:00
я┐╜ ьВ┤i рджреЗрдЦреЛ рд╣рдо рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ рдмреНрд▓реЙрдЧ рдФрд░ рдЗрд╕ рдмреНрд▓реЙрдЧ рдХреЗ рдЕрдВрджрд░ рд╡рдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдФрд░ рд╣рдо рдЪрд╛рд╣рддя┐╜я┐╜
0:05
рд╣реИрдВ рдХрд┐ рдпреВрдЬрд░ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд▓рд┐рдВрдХ рдХреЗ рдереВрдк рд╣рдорд╛рд░реЗ рдкреЗрдЬ рдкрд░ рдЖрдП рдЙрд╕реА рдХреЗ рд╕рд╛рде рд╣рдо рдХреБрдЫ рдПрдХреНрд╕реНрдЯреНрд░рд╛ рдкреЗрдЬ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдЬреИрд╕я┐╜я┐╜
0:12
рдПрдХ contact рдкреЗ рд╢рд╛рдпрдж рд╣рдо рдордирд╛рдирд╛ рдЪрд╛рд╣реЗрдВ, рд╢рд╛рдпрдж рдПрдХ about page рд╣рдо рдордирд╛рдирд╛ рдЪрд╛рд╣реЗрдВ, рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдЪрд╛рд╣реЗрдВ, рддреЛ рдПрдХ custom services page рднреА add рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдЗрд╕ blog рдХреЗ рдереВрдБ services deliver рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рдорд╛рди рд▓рд┐рдЬреЗ рдХрд┐ рдЖрдк рдЕрдкрдиреЗ blog рдХреЗ рдереВрдБ content writing рдХреА services provide рдХрд░рддреЗ рд╣реИрдВ, let us say рдЖрдк рдЕрдкрдиреЗ blog рдХреЗ рдереВрдБ рдХреЛрдИ рд╕рдорд╛рди рдмреЗрдЪрдирд╛ рдЪрд╛рд╣я┐╜я┐╜
0:42
рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ next.js рдореЗрдВ рдмрдирд╛рдирд╛ рд╣реИ рдпреЗ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдмрддрд╛рдиреЗ рд╡рд╛рд▓реЛрдВ рдЙрд╕ рд╡реАрдбрд┐рдпреЛ рдХреЗ рдЕрдВрджя┐╜я┐╜
0:46
рдФрд░ рдХреНрдпреЛрдВ рдЖрдк рд▓реЛрдЧ рдЬреЛ рдЖрдкрдХреЗ blog post рд╣реИрдВ рдЙрдирдХреЛ hard code рдирд╣реАрдВ рдХрд░реЗрдВрдЧя┐╜я┐╜
0:50
рдЖрдк рд▓реЛрдЧ рдЪрд╛рд╣реЗрдВ рддреЛ hard code рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛ рджреВрдВ рдХреНрдпреЛрдВ hard code рдирд╣реАрдВ рдХрд░рдирд╛ рд╣я┐╜я┐╜
0:54
рдорд╛рдирд┐рдЬрд┐рдпрд╛ рдЖрдкрдиреЗ рдПрдХ рдмреНрд▓реЙрдЧ рд▓рд┐рдЦрд╛ рдЖрдкрдиреЗ рд╢рд╛рдпрдж рдЙрд╕рдХреЛ hard code рдХрд░рдХреЗ рд▓рд┐рдЦ рджрд┐рдпрд╛ рдЖрдкрдиреЗ javascript code рд▓рд┐рдЦрдХрд░ рдЙрд╕рдХреЛ jsx рд▓рд┐рдЦрдХрд░ рдЖрдкрдиреЗ pages folder рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓ рджрд┐рдпя┐╜я┐╜
1:02
рджреВрд╕рд░рд╛ рднреА рдЖрдкрдиреЗ рдХрд░ рджрд┐рдпрд╛ рддреАрд╕рд░рд╛ рднреА рдХрд░ рджрд┐рдпрд╛ рдХреНрдпрд╛ рдЖрдк рдмрд╛рд░ рдмрд╛рд░ code change рдХрд░рдХреЗ рдЕрдкрдиреЗ blog post рдХреЛ upload рдХрд░реЛрдЧя┐╜я┐╜
1:08
obviously not, рдЗрд╕рдХрд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рд╣реЛрдЧрд╛ рдЬреЛ рдХрд┐ рд╣рдо рдЖрдиреЗ рд╡рд╛рд▓реЗ time рдореЗрдВ рджреЗрдЦреЗрдВрдЧя┐╜я┐╜
1:12
but рдЕрднреА рд╣рдо рд▓реЛрдЧ configure рдХрд░реЗрдВрдЧреЗ рдЕрдкрдиреЗ block рдХреЗ рдкреВрд░реЗ structure рдХя┐╜я┐╜
1:16
рдХрд┐ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ, рдХрд┐рд╕ link рдкрд░ рдЬрд╛рдХрд░ рд╣рдореЗрдВ рдХреМрди рд╕рд╛ page рджрд┐рдЦрдиреЗ рд╡рд╛рд▓рд╛ рд╣я┐╜я┐╜
1:21
рдпреЗ рдХрд╛рдо react рдореЗрдВ рдЖрдк рд▓реЛрдЧ react router dom рдХреА рд╕рд╛рд╣рд┐рддрд╛ рд╕реЗ рдХрд░рддреЗ рдереЗ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдпрд╛рдж рд╣реЛ рддреЛ рд╣рдордиреЗ react рдХрд╛ рдЬреЛ course рдея┐╜я┐╜
1:27
рдЕрдЧрд░ рдЖрдкрдиреЗ by any chance рд╡реЛ course рджреЗрдЦрд╛ рд╣реИ рдпрд╛ рдХреЛрдИ рднреА рджреВрд╕рд░рд╛ react рдХрд╛ course рдпрд╛ resource рд╕реЗ react рд╕реАрдЦреА рд╣я┐╜я┐╜
1:33
рдпрд╛ рдлрд┐рд░ рдЖрдкрдиреЗ react рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реБрдирд╛ рд╣реИ рддреЛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЬрд░реВрд░ рдорд╛рд▓реВрдо рд╣реЛрдЧрд╛ рдХрд┐ react router dom рдирд╛рдо рдХрд╛ package рдЕрд▓рдЧ рд╕реЗ install рдХрд░рдирд╛ рдкрдбрд╝рддрд╛ рд╣я┐╜я┐╜
1:40
рдФрд░ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛ рд░рд╣рд╛ рд╣реВрдБ personally рдЖрдк рдореЗрд░реЗ рдЗрди words рдкрд░ believe рдХрд░реЛ рдпрд╛рд░ рдмрд╣реБрдд pain рд╣реЛрддрд╛ рд╣я┐╜я┐╜
1:45
рдЬрдм рдЖрдк рд▓реЛрдЧ react.out.dom рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддреЗ рд╣реЛ рдЙрд╕рдХреЛ configure рдХрд░рддреЗ рд╣реЛ рдЕрд▓рдЧ-рдЕрд▓рдЧ URLs рдкрд░ рдЕрд▓рдЧ-рдЕрд▓рдЧ components рдХя┐╜я┐╜
1:52
render рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдпреЗ рдЪреАрдЬ next.js рдореЗрдВ рдЗрддрдиреА рдЖрд╕рд╛рди рд╣реИ рдХрд┐ рдЖрдк рд▓реЛрдЧреЗ рдмрд╛рд╕ рдПрдХ pages folder рд╣я┐╜я┐╜
1:56
рдФрд░ рдЙрд╕ pages folder рдХреЗ рдЕрдВрджрд░ рдЖрдк рд▓реЛрдЧ рдЕрдкрдиреЗ javascript components рдЬреЛ рдХреА react components рд╣реИрдВ рд╡реЛ рдмрдирд╛ рд╕рдХрддреЗ рд╣я┐╜я┐╜
2:03
рдФрд░ рдЖрдкрдХреА рдЬреЛ file рдХрд╛ рдирд╛рдо рд╣реИ рдЙрд╕рдХреЗ рд╣рд┐рд╕рд╛рдм рд╕реЗ рдЖрдкрдХреЗ end points рдмрди рдЬрд╛рдПрдВрдЧя┐╜я┐╜
2:08
automatically рдХреБрдЫ рдХрд░рдиреЗ рдХреА рдЬрд░реВрд░рдд рдирд╣реАрдВ рдкрдбрд╝реЗрдЧреА рддреЛ рдпреЗ feature рдореБрдЭреЗ next.js рдореЗрдВ рдмрд╣реБрдд рдХрдорд╛рд▓ рдХрд╛ рд▓рдЧрддрд╛ рд╣я┐╜я┐╜
2:14
рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдХреЗ рдЕрдВрджрд░ рдкреВрд░рд╛ structure рджрд┐рдЦрд╛рдКрдБрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдХреИрд╕реЗ рдмрдиреЗрдЧрд╛ website рдХя┐╜я┐╜
2:18
рдЗрд╕ hunting coder block рдХреЛ рдореИрдВ рдмрд╣реБрдд awesome рдмрдирд╛рдиреЗ рд╡рд╛рд▓рд╛ рд╣реВрдБ рдЪрд▓рддреЗ рд╣реИрдВ computer screen рдХреЗ рдЕрдВрджрд░ рдФрд░ рджреЗрдЦрддреЗ рд╣реИрдВ рдпрд╣ рдХрд╛рдо рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧя┐╜я┐╜
2:24
рдпрд╛рд░ рдпрд╣ block рдореБрдЭреЗ рдмрд╣реБрдд рдЖрдирдо рджреЗ рд░рд╣рд╛ рд╣реИ рдЖрдкрдиреЗ рдХреЛ рднреА рджреЗ рд░рд╣рд╛ рд╣реЛрдЧя┐╜я┐╜
3:20
рдмрд╛рдд рдХрд░реА рдереА рдЪреЗрдВрдЬреЗрд╕ рдХреА рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдЗрд╕рдХреЗ рдмрдЯ рдЕрднреА рд╣рдорд╛рд░рд╛ рдореБрджреНрджрд╛ рдпрд╣ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдРрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ рдХрд┐рддрдирд╛ рдЕрдЪреНрдЫрд╛ рджрд┐рдЦрддя┐╜я┐╜
3:26
рд╣реИ рдХрд┐рддрдирд╛ рдмреБрд░рд╛ рджрд┐рдЦрддрд╛ рд╣реИ рдмрд▓реНрдХрд┐ рдореБрджреНрджрд╛ рд╣реИ рдХреБрдЫ рдкреЗрдЬреЗрд╕ рдмрдирд╛рдирд╛ рдЬреЛ рдХрд┐ рд╣рдо рд▓реЛрдЧ рдмрдирд╛рдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ рднреА рдареАрдХ рд╣реИ рддреЛ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
3:33
рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдЕрднреА рддрдХ рдпрд╣ рдиреЗрдХреНрд╕реНрдЯ рдХреА рдкреНрд▓реЗрд▓рд┐рд╕реНрдЯ рдПрдХреНрд╕реЗрд╕ рдирд╣реАрдВ рдХрд░рд┐рдП рддреЛ рдЗрд╕рдХреЛ рдЬрд░реВрд░ рдХрд░реЗрдВ рдПрдХреНрд╕реЗрд╕ рдареАрдХ рд╣реИ рдЕя┐╜я┐╜
3:38
рдпрд╣рд╛рдВ рдкрд░ рд╣рдо рд▓реЛрдЧ рдХреНрдпрд╛ рдХрд░реЗрдВрдЧреЗ рдХрд┐ рдЖрдПрдВрдЧреЗ рд╡рд╛рдкрд╕ рд╣реИ рд╣рдорд╛рд░реЗ рд╕реЛрд░реНрд╕ рдХреЛрдб рдкрд░ рдФрд░ рд╕реЛрдЪ рдХреЛрдб рдкрд░ рдЖрдиреЗ рдХреЗ рдмрд╛рдж рд╣рдо рд▓реЛя┐╜я┐╜
3:44
structure рдмрдирд╛рдПрдВрдЧреЗ рддреЛ рдореИрдВрдиреЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдПрдХ рдмрд╛рдд рддреЛ рдмрд╣реБрдд рдкрд╣рд▓реЗ рдмрддрд╛ рджреА рдереА рдФрд░ рдпрд╣ рдереА рдХрд┐ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЗрд╕рдореЗя┐╜я┐╜
3:50
рдкреЗрдЬреЗрд╕ рдЖрдб рдХрд░рдиреЗ рд╣реИ рддреЛ рдЖрдк рд╕рд┐рдВрдкрд▓реА рдкреЗрдЬреЗрд╕ рдлреЛрд▓реНрдбрд░ рдХреЗ рдЕрдВрджрд░ рдЬрд╛рдХрд░ рдлрд╛рдЗрд▓ рдмрдирд╛ рд╕рдХрддреЗ рд╣реЛ рдареАрдХ рд╣реИ рддреЛ рдореИрдВ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдВ рдЖя┐╜я┐╜
3:57
рдкреЗрдЬреЗрд╕ рдлреЛрд▓реНрдЯрд░ рдХреЗ рдЕрдВрджрд░ рдЬреИрд╕реЗ рдорд╛рди рд▓реЛ рдореИрдВрдиреЗ about.js рдмрдирд╛ рджрд┐рдпрд╛ рдФрд░ RAFCE рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдХрд╛рдо рдЙрд╕рдХрд╛ рд░реАрдЬрди рдпрд╣ рд╣реИ рдХрд┐ рдореИрдВрдия┐╜я┐╜
4:04
react, redux, ES6, ES7 рдкрддрд╛ рдирд╣реАрдВ рдРрд╕реЗ рдХреБрдЫ extension рдХрд╛ рдирд╛рдо рд╣реИ рдпрд╣ рд░рд╣реА рдореИрдВрдиреЗ рдЗрд╕рдХреЛ enable рдирд╣реАрдВ рдХрд┐рдпрд╛ рдареАрдХ рд╣реИ рдореИрдВ рдЗрд╕рдХреЛ рдпрд╣рд╛рдБ рдкрд░ рдирд╣реАя┐╜я┐╜
4:12
рдореИрдВ рдЗрд╕рдХреЛ рд╡рд░реНрдХрд╕рдкреЗрд╕ рдореЗрдВ рдирд┐рдпреБрдХреНрдд рдХрд░реВрдВрдЧрд╛ рд╣рд╛рдВ рдЕрдм рдареАрдХ рд╣реИ рдореИрдВрдиреЗ рдЗрд╕рдХреЛ рдЗрдиреЗрдмрд▓ рдХрд░ рд▓рд┐рдпрд╛ рд╣реИ рдЕрдм рдореИрдВ рд▓рд┐рдЦреВрдВрдЧя┐╜я┐╜
4:19
рдЖрд░реЗрдл рд╕реА рддреЛ рдЖрдк рджреЗрдЦреЛ рдпрд╣рд╛рдВ рдкрд░ рдПрдХ рдпрд╛ рдХрдВрдкрдиреЗрдВрдЯ рд╣рдо рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ рдареАрдХ рд╣реИ рддреЛ рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
4:24
рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд░рд┐рдпрд╛рдЧ рдХрдВрдкреЛрдиреЗрдВрдЯ рдмрдирд╛ рджрд┐рдпрд╛ рдореИрдВ рдЗрд╕рдХрд╛ рдирд╛рдо рд░рдЦреВрдВрдЧрд╛ рдЕрдм рдЖрдЙрдЯ рдФрд░ рдЗрд╕рдХрд╛ рдирд╛рдо рдореИрдВ рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдореЗрдВ рдбрд╛рд▓ рджреВрдВрдЧя┐╜я┐╜
4:31
рдЗрд╕ рдЗрд╕ рдорд╛рдп рдЕрдм рдЖрдЙрдЯ рдХрдВрдкреЛрдиреЗрдВрдЯ рдареАрдХ рд╣реИ рд╢реЗрдпрд░ рдХрд┐рдпрд╛ рдФрд░ рд╕реНрд▓рд╛рд╢ рдмреЙрдЯ рдЗрд╕ рдЗрд╕ рдорд╛рдп рдЕрдм рдЖрдЙрдЯ рдХрдВрдкреЛрдиреЗрдВрдЯ рдареАрдХ рд╣реИ рдмрдврд╝рд┐рдпя┐╜я┐╜
4:43
рдЗрд╕реА рддрд░рд╣ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдЬреЛ рдореИрдВрдиреЗ рдпрд╣ рдмрдирд╛рдпрд╛ рд╣реИ рдХреЙрдиреНрдЯреИрдХреНрдЯ рдФрд░ рдмреНрд▓реЙрдЧ рдпрд╣ рдкреЗрдЬреЗрд╕ рднреА рдмрдирд╛ рджреВрдВрдЧрд╛ рдареАрдХ рд╣реИ рддреЛ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдпрд╣рд╛рдВ рдкрд░ рдмрдирд╛рдКрдВрдЧрд╛ рдХреЙрдиреНрдЯреИрдХреНрдЯ рдбреЙрдЯ рдЬреЗрд╕ рдЖрд░реЗрдл рд╕реА рд▓рд┐рдЦреВрдВрдЧрд╛ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рдкрд░ рдХреЙрдиреНрдЯреИрдХреНрдЯ рдХреЗ рд╕реА рдХреЛ рдХреИрдкрд┐рдбрд▓ я┐╜я┐╜
5:13
рдмреНрд▓реЙрдЧ рдбреЙрдЯ рдЬреЗрд╕ рдареАрдХ рд╣реИ рдФрд░ рдореИрдВ рдЖрдк рд▓рд┐рдЦ рджреВрдВрдЧрд╛ рд░реЗрдл рд╕реА рдФрд░ рдмреНрд▓реЙрдЧ рдФрд░ рдореИрдВ рдЖрдк рд▓рд┐рдЦреВрдВрдЧрд╛ рдЗрд╕ рдкреНрд▓реЙрдк рдареАрдХ рд╣реИ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдЖя┐╜я┐╜
5:24
рджреЗрдЦреЛ рд▓рд╛рдЗрдЯ рд▓реЙрдЧ рджрд┐рдЦреБрдВрдЧрд╛ рдФрд░ рдпрд╣ рдХреНрдпрд╛ рд╣реЛ рдЧрдпрд╛ рд▓рд╛рдЗрдЯ рд▓реЙрдЧ рд▓рд┐рдЦрдирд╛ рд╣реИ рд╕рд┐рд░реНрдл рд▓рд╛рдЗрдЯ рд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдирд╣реАрдВ рд▓рд┐рдЦрдия┐╜я┐╜
5:30
рд▓рд╛рдЗрдЯ рд▓рд┐рдЦрд╛ рддреЛ рдпрд╣рд╛рдВ рдкрд░ рдХреНрдпрд╛ рд░рд╣рд╛ рд╣реИ рдПрдХреНрд╕рдкреЛрд░реНрдЯ рдбрд┐рдлрд░реЗрдб рдкреЛрд░реНрдЯ рдЗрд╕ рдиреЙрдбрд░ рдПрдХ рдХрдВрдкреЛрдиреЗрдВрдЯ рдЗрд╕ рдХреИрд╕рд╛ рдордЬрд╛рдХ рд╣реИ рдбреАрдлрд░реНя┐╜я┐╜
5:57
рдирд╣реАрдВ рдкрддрд╛ рдирд╣реАрдВ рд╣реИ рдХреНрдпрд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИ рдХрд┐ рдЬреЛ рд╣реИ рдЕрдВрджрд░ рдЪрд▓реА рдЧрдИ рд╣реИ рдмрд╛рд╣рд░ рдирд╣реАрдВ рдЖ рд░рд╣реА рдирд┐рдХрд▓реА рдХреЛрдИ рдмрд╛рдд рдирд╣реАрдВ рдЖ рдЧрдИ рдЬрд╝рд┐рд╕реЗя┐╜я┐╜
6:02
рдХреЛрдВрдЯреИрдХреНрдЯ рдкреЗрдЬ рд╣рдордиреЗ рд▓рд┐рдЦрд╛ рд╣реИ рдЗрд╕рдХреЛ рд╣рдо рдмреНрд▓реЙрдХ рдХрд░ рджреЗрдВрдЧреЗ рдареАрдХ рд╣реИ рдФрд░ рдЗрд╕реЗ рдХреЙрдкреА рдХрд░рдХреЗ рдпрд╣рд╛рдВ рдкреЗрд╕реНрдЯ рдХрд░реЗрдВрдЧреЗ рдпрд╣рд╛рдВ рдкреЗрд╕реНя┐╜я┐╜
6:08
рд▓рд┐рдП рд╕реЗрд╡ рдХрд░реЗрдВрдЧреЗ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдмреНрд▓реЙрдЧ рд╣реЛрдо рдкреЗрдЬ рд▓рд┐рдЦ рджреЗрдВрдЧреЗ рдФрд░ рдЕрднреА рдпрд╣рд╛рдВ рдкрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦрдирд╛ рдХрд┐ рдореИрдВ рд░рд┐рд▓реЛрдб рдХрд░реВрдВрдЧрд╛ рддя┐╜я┐╜
6:14
рдЗрди рджрд┐рд╕ рдмреНрд▓реЙрдЧ рд╣реЛрдо рдкреЗрдЬ рд▓рд┐рдЦ рдХрд░ рдЖ рдЧрдпрд╛ рдареАрдХ рд╣реИ рдмреИрдХ рдХрд░реВрдВрдЧрд╛ рдПрдХ рдФрд░ рдмрд╛рд░ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рд╣рдордиреЗ рд╣реЛ рдмрдирд╛ рд▓рд┐рдпрд╛ рдмрдЯ рдмрдирд╛ рд▓рд┐рдпя┐╜я┐╜
6:21
рдкреВрд░рд╛ рд▓реЗрдВ рдХреЙрдЯреЗрдВрдЯ рдмрдирд╛ рд▓рд┐рдпрд╛ рдЕрдм рд╣рдореЗрдВ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдмрдирд╛рдирд╛ рд╣реИ рдФрд░ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдореИрдВ рдмрдирд╛рдиреЗ рд╡рд╛рд▓я┐╜я┐╜
6:26
рдПрдХ рдлреЛрд▓реНрдбрд░ рдареАрдХ рд╣реИ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдЖрдк рд╕реЗ рдлреЛрд▓реНрдбрд░ рдмрдирд╛рдпрд╛ рдореИрдВрдиреЗ рдФрд░ рдореИрдВ рдпрд╣рд╛рдВ рдкрд░ рд▓рд┐рдЦреВрдВрдЧрд╛ рд╕реНрд▓рдЧ рдбреЙрдЯ рдЪреЗрд╕ рдЕрдм рд▓реЛя┐╜я┐╜
6:34
рдпрд╣ рдХреНрдпрд╛ рдХрд░ рджрд┐рдпрд╛ рд╡рд╣ рдирд╣реАрдВ рдареАрдХ рд╣реИ рдпрд╣ рдХреНрдпрд╛ рдХрд░ рджрд┐рдпрд╛ рдЗрд╕ рд▓рдЧ рдбреЙрдЯ рдЬрд╕ рд╡рд╣ рдбрд╛рдЗрдЯ рдЗрд╡реЗрди рдореАрди рдореИрдВрдиреЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛рдпя┐╜я┐╜
6:39
рдерд╛ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдЖрдк рд▓реЛрдЧ рдбрд╛рдЗрдирд╛рдорд┐рдХ рд░реЛрдЯреНрд╕ рдкрд░ рдЖ рд╕рдХрддреЗ рд╣реИрдВ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдпрд╛рдж рд╣реЛ рддреЛ рдареАрдХ рд╣реИ рддреЛ рднреА рдХреНрдпрд╛ рдХрд░реВрдВрдЧя┐╜я┐╜
6:44
рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдХрд░реВрдВрдЧрд╛ рдХреНрдпрд╛ рдареАрдХ рд╣реИ рдФрд░ рдореИрдВ рдпрд╣рд╛рдВ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рд▓рд┐рдЦреВрдВрдЧрд╛ рдЗрдВрдкреЛрд░реНрдЯ рдпреВрдЬ рд░рд╛рдЙрдЯрд░ рд░рд╛рдЙрдЯрд░ рд░рд╛рдЙрдЯрд░ рдпреВрдЬ рд░рд╛рдЙрдЯя┐╜я┐╜
7:01
рдиреЗрдХреНрд╕реНрдЯ рдпреВрдЬ рд░реЙрдЯрд░ рд░реЙрдо рдиреЗрдХреНрд╕реНрдЯ рд▓реЗрд╢ рд░реЙрдЯрд░ рдкрджрдиреА рдпрд╛рд░ рдпрд╛рдж рдирд╣реАрдВ рд░рд╣рддреА рд╣реИ рдЪреАрдЬреЗрдВ рдпрд╛рд░ рдиреЗрдХреНрд╕реНрдЯ рдЬреЗрд╕ рдбрд╛рдЗрдирд╛рдорд┐рдХ рд░рд╛рдЙрдЯреНрд╕ рдареАрдХ рд╣реИ рдФя┐╜я┐╜
7:14
рд╡реИрд╕реЗ рдореИрдВрдиреЗ рд╕рд╣реА рд▓рд┐рдЦрд╛ рд╣реИ use router from next slash router рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рддреЛ steps рдПрдХрджрдо simple рд╣реИ рдареАрдХ рд╣я┐╜я┐╜
7:18
рдХреНрдпреЛрдВ simple рд╣реИ рдЬреЛ рдореБрдЭреЗ simply рдпрд╣ рд▓рд┐рдЦрдирд╛ рд╣реИ router is equal to use router рдареАрдХ рд╣реИ рдФрд░ рдпрд╣ рд▓рд┐рдЦрдиреЗ рдХреЗ рдмрд╛рдж рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧя┐╜я┐╜
7:26
рдЯреЛ рд▓реЙрдЧ рд▓рд┐рдЦреВрдВрдЧрд╛ рдФрд░ рд▓рд┐рдЦреВрдВрдЧрд╛ рд░рд╛рдЙрдЯрд░ рдбреЙрдЯ рдХреНрд╡реЗрдЗрд░реА рдФрд░ рдореИрдВ рдЬреИрд╕реЗ рд╣реА рд╕реЗрд╡ рдХрд░реВрдВрдЧрд╛ рдФрд░ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВя┐╜я┐╜
7:34
рдпрд╣рд╛рдВ рдкрд░ рдореИрдВ рдЕрдкрдиреЗ рд╡рд╣ рдкреНрд▓реЗрд╢ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рд╕реНрд▓реИрд╢ рд╣реЙрдЯ рдпреВрдЬ рдХреАрдмреЛрд░реНрдб рдареАрдХ рд╣реИ рдЕрдм рдпрд╣рд╛рдВ рдкрд░ рдХрд╣ рд░рд╣рд╛ рд╣реИ рдХрд┐ рдиреЗрдХреНрд╕я┐╜я┐╜
7:41
рд░реЙрдЯрд░ рдпрд╣ рдЗрд╕ рдиреЙрдЯ рдЖрдл рдлрдВрдХреНрд╢рди рдиреЙрдЯ рдЖрдл рдлрдВрдХреНрд╢рди рдпреВрдЬ рд░реЙрдЯрд░ рдХреМрди рд╕реНрдЯреЙрдк рд░рд┐рдЬрд┐рд╡рд▓ рдпреВрдЬ рд░реЙрдЯрд░ рд▓рд┐рдЦрд╛рдпрд╛ рддреЛ рдпрд╣ рд╕реЗ рдХя┐╜я┐╜
7:48
рдпреВрдЬрд░ рд░рд╛рдЙрдЯрд░ рд▓рд┐рдЦ рджрд┐рдпрд╛ рд╣реИ рдореИрдВрдиреЗ рдмрддрд╛рдУ рдпрд╛рд░ рд╕реЗрд╡ рдХрд┐рдпрд╛ рдФрд░ рдЕрднреА рдореИрдВ рд░рд┐рд▓реЛрдб рдХрд░реВрдВрдЧрд╛ рддреЛ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
7:55
рдЗрдВрдЯрд░рдирд▓ рд╕рд░реНрд╡рд░ рдПрд▓рд░ рдЖрдпрд╛ рдФрд░ рд╕реНрд▓рдб рдЯреЙрдЯ рдЬрдПрдПрд╕ рдпреВрдЬрд░ рд░рд╛рдЙрдЯрд░ рдЗрдЬ рдиреЙрдЯ рдбрд┐рдлрд╛рдЗрди рдпрд╛ рдпреВрдЬрд░ рд░рд╛рдЙрдЯрд░ рдХрд┐рдпрд╛ рддреЛ рдЕрдЪреНрдЫреЗ рдпрд╣рд╛я┐╜я┐╜
8:03
рдпреВрдЬрд░ рд▓рд┐рдЦ рджрд┐рдпрд╛ рд╣реИ рд╡рд╣ рджреЗрдЦрддреЗ рд╣реИрдВ рд░рд┐рд▓реЛрдб рдХрд░реВрдВрдЧрд╛ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдХреНрдпрд╛ рджрд┐рдХреНрдХрдд рдЖ рд░рд╣реА рд╣реИ рдЗрдЬ рдиреЙрдЯ рдлрдВрдХреНрд╢рди рдпреВя┐╜я┐╜
8:10
рд░рд╛рдЙрдЯрд░ рдЗрдЬ рдиреЙрдЯ рдлрдВрдХреНрд╢рди рд╡реНрд╣рд╛рдИ рдРрд╕рд╛ рдХреНрдпреЛрдВ рдореБрдЭреЗ рдмрддрд╛рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ рдореИрдВрдиреЗ рдареАрдХ рддреЛ рдХрд┐рдпрд╛ рд╣реИ рдУрдХреЗ рдореИрдВрдиреЗ рдХрд┐рдпрд╛ рдпрд╣рд╛я┐╜я┐╜
8:16
рдФрд░ рд╕рд╛рдЗрдб рдЗрдВрдмреЛрд░реНрдбреНрд╕ рдЧрд░реНрд░рд╕ рдлрд░реНрдЯ рд▓рдЧрд╛ рд░рдЦреЗ рд╣реИрдВ рдФрд░ рдХреИрд╕реЗ рдХреИрд╕реЗ рд╣реЛ рдорд╛рдиреЗрдЧрд╛ рддреЛ рджреЗрдЦреЛ рдЬреЛ рдорд╛рд░реА рд░рд╛рдЙрдЯрд░ рдбреЛрдЯ рдХреНрд╡реЗрд░я┐╜я┐╜
8:23
рдЙрд╕рдХреЗ рдЕрдВрджрд░ рджреЗрдЦреЛ рдХреНрдпрд╛ рдЖ рд░рд╣рд╛ рд╣реИ рд╣рдорд╛рд░реА рд░рд╛рдЙрдЯрд░ рдбреЛрдЯ рдХреНрд╡реЗрд░реА рдЬреЛ рдЙрд╕рдХреЗ рдЕрдВрджрд░ рд╕реНрд▓рдЧ рдЖ рд░рд╣рд╛ рд╣реИ рдЖрдЙрдЯ рдпреВрдЬ рдХреАрдмреЛрд░реНрдб рддя┐╜я┐╜
8:29
рдпрд╣рд╛рдВ рдкрд░ рдЗрд╕рдХреЛ рдХреНрдпрд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, slug рдХреЛ рдирд┐рдХрд╛рд▓ рд╕рдХрддрд╛ рд╣реВрдВ рдЗрд╕рдХреЗ рдЕрдВрджрд░ рд╕реЗ, router.query рдХреЗ рдЕрдВрджрд░ рд╕реЗ
8:34
рддреЛ рдореИрдВ рдпрд╣рд╛рдВ рдкрд░ рд▓рд┐рдЦреВрдВрдЧрд╛, рдХреМрди slug is equal to router.query, рдФрд░ рдореИрдВ syntax рдХрд╛ use рдХрд░реВрдБрдЧрд╛
8:39
JavaScript рдХреЗ, destructuring router object slug slug variable
8:52
рддреЛ рдпрд╣рд╛рдВ рдкрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рднреА рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЬреИрд╕реЗ рдореИрдВ рд░рд┐рдпрд╛рдЯ рдореЗрдВ рдкреНрд░реЗрдВрдЯ рдХрд░рддрд╛ рд╣реВрдВ рд╡реИрд╕реЗ рдЗрд╕ рддрд░рд╣ рд╕я┐╜я┐╜
8:59
рдкреНрд░реЗрдВрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рддреЛ рдЖрдк рджреЗрдЦреЛ рдпрд╣рд╛рдВ рдкрд░ рд╣рд╛рдЙрдЯ рдпреВрдЬ рдХреАрдмреЛрд░реНрдб рдЖ рдЧрдпрд╛ рдЕрдЧрд░ рдореИрдВ рдЖрдк рд░рд┐рдпрд╛рдЯ рд▓рд┐рдЦреЛ рддреЛ рдпрд╣ рддреЛ рд╕рднреА рдЬрд╛рдирддя┐╜я┐╜
9:07
рдЖрдк рдпрд╣рд╛рдВ рдкрд░ рдкреНрд░рд┐рдВрдЯ рд╣реЛ рдЧрдпрд╛ рдЖрдЧреЗ рдареАрдХ рд╣реИ рддреЛ рдХреБрдЫ рднреА рдЖрдк рд▓рд┐рдЦреЛрдЧреЗ рдЕрдЧрд░ рдЖрдк рдпрд╣рд╛рдВ рдкрд░ рдорддрд▓рдм рдЖрдк рдХреБрдЫ рднреА рд▓рд┐рдЦ рджя┐╜я┐╜
9:14
рдорддрд▓рдм рдХреБрдЫ рднреА рд▓рд┐рдЦ рджреЛ рдорддрд▓рдм рдХреБрдЫ рднреА рдореИрдВ рдпрд╣ рдмрддрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХреБрдЫ рднреА рд▓рд┐рдЦ рджреЛ рдареАрдХ рд╣реИ рд╡рд╣ рдпрд╣рд╛рдВ рдкрд░ рдкреНрд░реЗрдВрдЯ рд╣я┐╜я┐╜
9:23
рддреЛ рдРрд╕рд╛ рд╣реЛрддрд╛ рдХреНрдпреЛрдВ рдРрд╕рд╛ рд╣реЛ рдЗрд╕рд▓рд┐рдП рд░рд╣рд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╕реНрд▓рдЧ рдирд┐рдХрд▓ рдХрд░ рд░рд╣рд╛ рд╣реИ рд░рд╛рдЙрдЯрд░ рдХреЛ рдПрдХ рд╡реИрд╕реЗ рдФрд░ рд╕реНрд▓рдЧ рдХреЛ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
9:30
рдкреНрд░рд┐рдВрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдмрдЯ рдкреНрд░рд╛рдХреНрдЯрд┐рдХрд▓ рд╕реЗрдирд╛рд░рд┐рдпреЛрд╕ рдореЗрдВ рд╣рдо рд▓реЛрдЧ рдРрд╕рд╛ рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗ рд╣рдо рд▓реЛрдЧ рдкреНрд░рд╛рдХреНрдЯрд┐рдХрд▓ рд╕реЗрдирд╛рд░рд┐рдпреЛрд╕ рдореЗя┐╜я┐╜
9:34
рдХрд░реЗрдВрдЧреЗ рдХрд┐ рд╣рдо рд▓реЛрдЧ рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рдЬреЛ рд╕реНрдЯреЗрдк рд╣реИ рд╡реЛ рддреЛ рдпрд╣ рд╣реИ рдХрд┐ рдЗрд╕ рд▓рдЧ рдХреЛ рдирд┐рдХрд╛рд▓ рд▓реЛ рдлрд┐рд░ рд╣рдо рд╢рд╛рдпрдж рдбрд╛рдЯрд╛рдмреЗрд╕ рдХя┐╜я┐╜
9:41
рдХреНрд╡реЗрд░реА рдХрд░реЗрдВрдЧреЗ рдпрд╛ рдЕрдкрдиреА рдПрдкреАрдЖрдИ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реЗрдВрдЧреЗ рд╡рд╣рд╛рдВ рд╕реЗ рдХрдВрдЯреЗрдВрдЯ рдХреЛ рд▓реЗрдХрд░ рдЖрдПрдВрдЧреЗ рдФрд░ рд╡рд╣рд╛рдВ рд╕реЗ рдХрдВрдЯреЗрдВя┐╜я┐╜
9:46
рд▓рд╛рдиреЗ рдХреЗ рдмрд╛рдж рдЗрд╕ рддрд░рд╣ рд╕реЗ print рдХрд░рд╛рдПрдВрдЧреЗ рдареАрдХ рд╣реИ рдмрдЯ you got the point рдХреА рдХреИрд╕реЗ рдЪреАрдЬреЗ рдХрд╛рдо рдХрд░ рд░рд╣реА рд╣реИ рдХреИрд╕реЗ рдпреЗ рд╣я┐╜я┐╜
9:53
destructuring рдХрд░рддреЗ рд╣реИрдВ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ use router рдХреЛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддреЗ рд╣реИрдВ рдареАрдХ рд╣реИ I hope рдХрд┐ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рд╕рдордЭ рдореЗрдВ рдЖрдЧреЗ рд╣реИя┐╜я┐╜
9:58
рд╣рдордиреЗ рд╕рд╛рд░реЗ рдХреЗ рд╕рд╛рд░реЗ useful pages рдмрдирд╛ рд▓рд┐рдпреЗ, рдпрд╛рдирд┐ рдХрд┐ рд╣рдорд╛рд░реА blog рдХрд╛ structure ready рд╣реИ
10:02
рдФрд░ рдХреЛрдИ рдореБрдЭреЗ page рдмрдирд╛рдирд╛ рд╣реЛрдЧрд╛ future рдореЗрдВ, рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ pages рдореЗрдВ add рдХрд░ рджреВрдБрдЧрд╛
10:06
pages рдХреЗ рдЕрдВрджрд░ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ files рдФрд░ folder structure рдмрдирд╛ рдХрд░, рдЕрдкрдиреА website рдХреЛ рдмрдирд╛ рдкрд╛рдирд╛
10:13
HTML, CSS, JavaScript рдХреА рдЖрдж рджрд┐рд▓рд╛рддрд╛ рд╣реИ, рдЬрдм рд╣рдо plain HTML, CSS, JavaScript рдХрд╛ use рдХрд░рддреЗ рд╣реИрдВ
10:28
8, tutorial 8 right, рджреЗрдЦрддрд╛ рд╣реВрдБ, 7, рд╣рд╛рдБ 8, рдареАрдХ рд╣реИ, tutorial 8 рдЕрднреА рд╣рдорд╛рд░рд╛ рдЦрддрдо рд╣реЛ рдЪреБрдХрд╛ рд╣реИ
10:35
push рдХрд░ рджреВрдБрдЧрд╛ рдореИрдВ, рдФрд░ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдирд╣реАрдВ рдкрддрд╛ рд╣реИ рдХреИрд╕реЗ use рдХрд░рддреЗ рд╣реИрдВ, рдпрд╣ tool рдореИрдВ рдХреМрди рд╕рд╛ use рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХреБрдЫ comments рдЖрдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ
10:40
рдЬреЛ рдХрд╣реЗрдВрдЧреЗ рдХрд┐ рдпрд╣ рд╡рд╛рд▓рд╛ рдХреИрд╕реЗ use рдХрд░рдирд╛ рд╣реИ, GitHub desktop, рддреЛ рдореИрдВрдиреЗ рдЧрд┐рдЯрд╡ рдбреЗрд╕реНрдЯреЙрдк рдкрд░ рдПрдХ рд╢реЙрдЯ рдкрд░ рдЖ рд░рд╣рд╛ рд╣я┐╜я┐╜
10:46
рдореИрдВрдиреЗ рдПрдХ рд╢реЙрдЯ рдкрд░ рдЖ рд░рд╣рд╛ рд╣реИ рд╡реЛ рджреЗрдЦ рд▓реЗрдирд╛ рдЖрдк рд▓реЛрдЧ рдЧрд┐рдЯрд╡ рдбреЗрд╕реНрдЯреЙрдк рд╕реЗрд╡реНрд╕ рдЕ рд▓реЛрд░ рдЖрдл рдЯрд╛рдЗрдо рдФрд░ рд╣реИрд╕рд▓реНя┐╜я┐╜
10:53
рдпрд╣ рд╡рд╛рд▓рд╛ рд╢реЙрдЯ рджреЗрдЦ рд▓реЗрдирд╛ 58 seconds рдФрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдЧрд┐рдЯрдЕрдм desktop рдпреВрдЬрд╝ рдХрд░рдирд╛ рдЖрдЬрд╛рдПрдЧрд╛ рдареАрдХ рд╣я┐╜я┐╜
10:58
I hope рдордЬрд╝рд╛ рдЖрдпрд╛ рд╕рдмрдХреЛ рдФрд░ рдпрд╣ hunting quarter рдореЗрдВ рдордЬрд╝рд╛ рдЖрд░рд╛ рд╣реИ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдореБрдЭреЗ comment рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд▓реЛя┐╜я┐╜
11:03
рдмрддрд╛ рд░рд╣реЗ рдереЗ рдХрд░рддреЗ рд╣реИрдВ рдпрд╣ рдиреАрдЪреЗ powered by Varsal рд╣рдЯрд╛ рд▓реЛ рд╣рдЯрд╛ рд▓реЗрдВрдЧреЗ рдпрд╛рд░ рд╣рдЯрд╛ рд▓реЗрдВрдЧреЗ рд╣рдЯрд╛ рд▓реЗрдВрдЧреЗ рдФрд░ рдпрд╣рд╛рдБ рдкя┐╜я┐╜
11:21
рдиреЗрдХреНрд╕реНрдЯ рдЯрд╛рдЗрдо рдХрд░рддреЗ рд╣реИя┐╜я┐╜
#Blogging Resources & Services