💎 Get a premium subscription - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-next-course-2023
❤️ Reviews here - https://t.me/htmllessons_reviews
New big video on the channel, today I am posting the complete Next JS course for beginners. This material will allow you to learn Next in 2 hours from scratch (only knowledge of React is important). Count it as 20 Next lessons in one video. I did a quick course on Next last time, but it wasn't the full story. In this video, there will be both the practice of next, on the example of a project, and a little theory. I will also answer some of the questions that are encountered at the interview for the Junior Front-end developer. We can say this is a fundamental course on Next from A to Z. Enjoy watching!
I hope you appreciate my efforts, please like and subscribe. 🔥 1000 likes and I have the next video - Redux + RTK Query course.
If you have any questions about this topic - let me know in the comments!
Download 🖥 finished project + database (subscription required) - https://htmllessons.ru/storage#storage_file_76
🦋 TG channel - https://t.me/redgroupchannel
⚡️ List of intensives by subscription - https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-next-course-2023
🍥 Theme in editor/IDE - codeSTACKr Theme
👉 Useful links from the video:
Customization vs code + snippets - https://www.youtube.com/watch?v=ZMDdsH7QUQU
Complete course on React - https://youtu.be/k35Jt-VnzO8
Setting Vs Code - https://youtu.be/ZMDdsH7QUQU
Parsing Next.js 13 - https://youtu.be/kJJhyPAVkO4
Amazon 2.0 - https://youtu.be/7-zwvUPKYpE
00:00:00 - Start
00:01:55 - What is Next.js? and its benefits
00:06:39 - Project installation
00:08:23 - Theme and icons in VS Code
00:09:05 - Parsing the structure
00:11:16 - Pages and routing
00:18:51 - Correct structure for components
00:21:55 - useRouter
00:28:39 - Layout and Page Navigation
00:35:58 - Writing styles, modularity and SCSS
00:38:10 - New font loading option (Font component)
00:48:30 - Page 404
00:49:37 - How to insert images? image component
00:54:23 - Head component
00:55:47 - SEO optimization (Meta component)
01:02:48 - Import only on the client ssr: false
01:05:32 - SSR vs SSG vs ISR (What and when to use?)
01:11:51 - getServerSideProps
01:26:36 - getStaticProps
01:28:30 - getStaticPaths
01:32:44 - How react hooks work in Next.js?
01:33:50 - next.config Configuration file (detailed analysis)
01:38:16 - Cool feature for authorized pages
01:43:42 - Creating your own API on next.js
01:45:52 - Next.js 13 BETA for the future
01:50:16 - When to use Next.js?
01:51:37 - Important insight
#Next #NextJS #Next #RedGroup
💡 Personal TG channel - https://t.me/hardmaxchannel
👉 All links (+ editor setting) and information about me - https://redlinks.tech/
Watch the video UNTIL THE END, subscribe to the channel, put 👍 and the bell 🔔