Главная страницаКатегория next.jsNextJS для начинающих: выход на новый уровень

NextJS для начинающих: выход на новый уровень

Name: NextJS для начинающих: выход на новый уровень
Price: 13 USD
Rating: 5 (4 reviews)

Next Level NextJS for Beginners

Pedro Henrique Machado

★5 (всего оценок - 4)

Продолжительность

20 ч 13 мин

Категория

Next.js

Количество уроков

115 Видео

Дата добавления

9 февр. 2026 г., 23:17

Язык

Английский

Освойте Next.js с нуля — шаг за шагом, с использованием современных паттернов, реальных проектов и глубокого понимания того, почему всё работает именно так. Этот курс разработан для тех, кто хочет перестать чувствовать себя потерянным в App Router, Server и Client Components, кэшировании, API-роутах и деплое, и начать уверенно строить production-ready приложения.

Почему выбрать этот курс?

Изучение Next.js часто кажется перегруженным, так как большинство туториалов сразу прыгают в сложные примеры без объяснения фундамента. В результате — разрозненные проекты, копипаст без понимания и ощущение «я вроде могу, но сам не соберу». Наш курс предлагает иной подход, давая чёткую дорожную карту: от базовых принципов и структуры App Router — к полномасштабным full-stack приложениям, которые постепенно усложняются и дополняют друг друга.

Чему вы научитесь

Компоненты и маршруты

Осознанная работа с Server и Client Components станет вашим преимуществом. Вы будете понимать, когда и зачем использовать каждый из подходов, а также разберётесь с получением данных, стратегиями кэширования и API-роутами на практических примерах.

Практические проекты

Вы создадите проекты — от простого Notes App до полнофункционального планировщика событий, и увидите, как решения на ранних этапах влияют на масштабируемость и производительность приложений.

Результаты обучения

После окончания курса Next.js перестанет быть «магией». Вы сможете:

Уверенно работать с App Router, layouts и динамическими маршрутами;
Строить приложения с Server и Client Components без догадок;
Обрабатывать формы с Server Actions и использовать интеграцию React Hook Form;
Деплоить производственные Next.js-приложения с акцентом на SEO и производительность.

Заключение

Этот курс — не просто набор уроков. Он о формировании уверенности, инженерного мышления и интуиции, которые позволят вам создавать и масштабировать приложения без постоянного поиска готовых решений. Присоединяйтесь и займите уверенную позицию в мире Next.js-разработки!

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:00:55
What is this Course?
Урок 2. 00:00:45
How to Learn This Course
Урок 3. 00:00:59
What is NextJS and Why You Should Learn It
Урок 4. 00:02:16
Installing NodeJS
Урок 5. 00:01:11
Code Editor and Extensions
Урок 6. 00:05:33
Setup A NextJS Project
Урок 7. 00:07:43
How a NextJS CodeBase Looks Like
Урок 8. 00:06:56
Creating Our First Routes
Урок 9. 00:02:16
Navigating Routes
Урок 10. 00:05:15
Layouts
Урок 11. 00:06:07
Nested Routes
Урок 12. 00:08:00
Dynamic Routes
Урок 13. 00:02:31
Route Groups
Урок 14. 00:09:17
What are Server Components?
Урок 15. 00:05:42
What are Client Components?
Урок 16. 00:02:29
Why NextJS Has Server Components By Default
Урок 17. 00:01:29
Project Intro
Урок 18. 00:04:15
Home and NotFound Page
Урок 19. 00:04:15
Creating Input Form
Урок 20. 00:04:00
Creating Notes Context
Урок 21. 00:07:45
Creating Notes Provider
Урок 22. 00:08:06
Displaying List of Notes
Урок 23. 00:03:38
Adding A Note
Урок 24. 00:07:38
Displaying All Notes
Урок 25. 00:09:28
Creating Individual Note Page
Урок 26. 00:05:46
Creating a Form
Урок 27. 00:05:54
Creating a Server Action
Урок 28. 00:08:26
Getting Data using useActionState
Урок 29. 00:06:32
Using a form pending state
Урок 30. 00:08:42
Intro to API Routes
Урок 31. 00:08:59
Caching in NextJS: Cache Components
Урок 32. 00:03:20
Time Based Revalidation
Урок 33. 00:09:39
Force Revalidation using revalidatePath
Урок 34. 00:07:48
Force Revalidation using Tags
Урок 35. 00:02:49
Refreshing Uncached Data
Урок 36. 00:07:28
SSR vs CSR vs ISR
Урок 37. 00:04:13
Setup Tailwind in NextJS
Урок 38. 00:05:31
Colors in Tailwind
Урок 39. 00:05:25
Margins and Paddings
Урок 40. 00:04:36
Typography
Урок 41. 00:07:20
Layouts and Flex
Урок 42. 00:09:29
Responsive Grids
Урок 43. 00:11:10
Radius, Shadows, and Hovers
Урок 44. 00:12:41
Dark and Light Mode
Урок 45. 00:03:18
Custom Colors
Урок 46. 00:05:38
Tailwind Layers
Урок 47. 00:03:06
What we Are Building
Урок 48. 00:17:43
Project Setup and Navbar
Урок 49. 00:15:42
Login Page
Урок 50. 00:14:51
Setup User Database Tables
Урок 51. 00:20:08
Setup Authentication with AuthJS
Урок 52. 00:04:49
Add Logout Functionality
Урок 53. 00:08:21
Create Event Schema
Урок 54. 00:22:26
Create New Event Page
Урок 55. 00:25:14
Add Events to the Table
Урок 56. 00:29:40
Events Page
Урок 57. 00:20:16
Filtering Events
Урок 58. 00:31:38
Event Actions
Урок 59. 00:18:51
Setting Up RSVP
Урок 60. 00:25:16
Adding RSVP actons
Урок 61. 00:09:50
List of Attendees
Урок 62. 00:18:27
Dashboard Page
Урок 63. 00:14:51
Dashboard Page Data
Урок 64. 00:03:28
Adding a Not Found Page
Урок 65. 00:20:49
Deploying the Website
Урок 66. 00:06:58
Loading Routes
Урок 67. 00:06:59
Error Routes
Урок 68. 00:06:24
Unauthorized and Forbidden Functions
Урок 69. 00:12:39
Parallel Routing
Урок 70. 00:03:00
Catch All Routes
Урок 71. 00:01:50
What is this Module?
Урок 72. 00:10:27
Direct DB Query vs Api Routes
Урок 73. 00:10:53
Metadata and SEO
Урок 74. 00:03:05
Intro To The Project
Урок 75. 00:10:31
Setting Up Better Auth
Урок 76. 00:11:24
Sign Up and Sign In
Урок 77. 00:08:28
Authorization
Урок 78. 00:08:26
Middleware Vs Page Redirects and Sessions
Урок 79. 00:07:05
Accessing Auth in the Client
Урок 80. 00:11:56
Authentication with Google and Github
Урок 81. 00:10:46
Email Verification with Resend
Урок 82. 00:06:01
Demo
Урок 83. 00:04:41
Setup Project
Урок 84. 00:18:18
Making the Sign Up Page
Урок 85. 00:23:13
Setting up Authentication
Урок 86. 00:09:22
Setting up OAuth with Google
Урок 87. 00:36:00
Building the Sidebar
Урок 88. 00:15:59
Tweet Table
Урок 89. 00:21:29
Displaying Tweets
Урок 90. 00:16:06
Tweet Composer
Урок 91. 00:07:51
Saving Tweets to the DB
Урок 92. 00:17:56
Image Uploads
Урок 93. 00:04:33
Add Uploaded Images On Tweets
Урок 94. 00:23:34
Tweet Replies
Урок 95. 00:06:50
Displaying Replies
Урок 96. 00:17:29
Adding Likes
Урок 97. 00:07:00
Adding Retweets
Урок 98. 00:10:22
Fetch Profile Data
Урок 99. 00:17:24
Profile Header
Урок 100. 00:19:44
Edit Profile UI
Урок 101. 00:16:02
Edit Profile Data
Урок 102. 00:15:31
Profile Tabs
Урок 103. 00:13:10
Profile Content
Урок 104. 00:22:28
Follow User Functionality
Урок 105. 00:17:54
Create Notifications
Урок 106. 00:20:03
Display Notifications
Урок 107. 00:10:12
Notifications Badge
Урок 108. 00:05:40
Mark Notifications as Read
Урок 109. 00:07:34
Loading States
Урок 110. 00:10:02
Improving Performance With DB Indexes
Урок 111. 00:13:15
Adding Caching
Урок 112. 00:32:52
Infinite Paginated Tweet Feed
Урок 113. 00:11:04
RLS Policies, Bugs, and more
Урок 114. 00:03:10
MetaData and SEO
Урок 115. 00:10:52
Deploying the Website

Автор - Pedro Henrique Machado

Pedro Henrique Machado

Опытный full-stack веб-разработчик и преподаватель, специализирующийся на React и JavaScript-экосистеме. Он ведёт YouTube-канал (Pedrotechnologies), публикует статьи и предлагает курсы по программированию.