Главная страницаКатегория next.jsNext.js 2024: всеобъемлющий курс

Next.js 2024: всеобъемлющий курс

Name: Next.js 2024: всеобъемлющий курс
Price: 13 USD
Rating: 4.7 (21 reviews)

Ultimate Next.js Course 2024 Edition

developedbyed.com

★4.7 (всего оценок - 21)

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

29 ч 39 мин

Категория

Next.js

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

131 Видео

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

25 июн. 2024 г., 17:01

Язык

Английский

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

29 апр. 2026 г., 20:45

Next.js 2024: всеобъемлющий курс — это практическое обучение, которое поможет вам овладеть современным стеком разработки на базе Next.js 14.2 и создать полнофункциональные веб‑приложения с нуля. Курс подходит как для разработчиков, делающих первые шаги в Next.js, так и для специалистов, желающих обновить знания до актуальных стандартов.

Что делает этот курс ценным

Программа курса построена вокруг реальных задач разработки: вы будете не просто изучать теорию, а внедрять ключевые инструменты современного фронтенда в полноценный проект. Такой подход позволяет быстро понять, как компоненты стека взаимодействуют между собой.

Актуальные технологии 2024 года

В рамках обучения вы познакомитесь с современными инструментами, которые востребованы в production‑проектах:

Next.js 14.2 — обновленный рендеринг, App Router, серверные компоненты;
Next-Auth V5 — безопасная и гибкая авторизация;
Drizzle ORM в связке с PostgreSQL и NeonDB;
Zustand — легковесное управление состоянием;
Algolia — поиск мирового уровня;
Framer Motion — анимации нового поколения;
Resend — отправка email‑уведомлений;
React Hook Form и Shad/CN — для работы с формами и UI;
Stripe Elements — интеграция платежей.

Практический подход и реальные кейсы

Курс строится вокруг разработки полноценного приложения. Такой формат позволяет закрепить знания на практике и увидеть результат каждого шага.

Полный цикл разработки

Построение архитектуры проекта;
Настройка серверных и клиентских компонентов;
Создание UI и UX интерфейсов;
Реализация аутентификации и авторизации;
Работа с базой данных через Drizzle ORM;
Интеграция поиска, анимаций, платежей и email‑уведомлений.

Для кого предназначен курс

Если вы хотите уверенно работать с современным стеком JavaScript и создавать приложения уровня production, этот курс станет идеальным вариантом.

Курс подойдет, если вы:

знаете основы React и хотите выйти на новый уровень;
работаете фронтенд‑разработчиком и хотите освоить Next.js 14.2;
хотите перейти к full‑stack разработке;
строите портфолио и ищете сложный проект для демонстрации навыков;
готовитесь к собеседованиям на современные позиции.

Преимущества обучения

Прохождение курса позволит вам не только обновить знания, но и собрать реальный проект, продемонстрировать владение популярными технологиями и повысить свою ценность на рынке труда.

Ключевые выгоды:

актуальный стек 2024 года;
практическая разработка на каждом этапе;
четкая структура и пошаговые объяснения;
разбор типичных ошибок и оптимальных практик;
подготовка к работе с реальными проектами.

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

Урок 1. 00:09:07
1. Project Introduction
Урок 2. 00:03:12
2.Setting Up Node
Урок 3. 00:05:58
3.Project Structure
Урок 4. 00:05:21
4.Routing
Урок 5. 00:05:19
5.Layout
Урок 6. 00:10:01
6.Page Component
Урок 7. 00:01:45
7.Route Groups
Урок 8. 00:03:17
8.Parallel Routes
Урок 9. 00:01:21
9.Loading Page
Урок 10. 00:01:22
10.Error Page
Урок 11. 00:02:09
11.Route Handlers
Урок 12. 00:02:49
12.Middleware
Урок 13. 00:07:15
1. Caching
Урок 14. 00:04:42
2.Setting up NeonDB with Drizzle
Урок 15. 00:07:01
3. Schemas and Migrations
Урок 16. 00:06:33
4.Server Actions
Урок 17. 00:05:30
5.Mutating and Revalidating
Урок 18. 00:04:03
6.Progressively Enhanced Forms
Урок 19. 00:08:26
1. Tailwind Intro
Урок 20. 00:03:10
2. Tailwind Config and extensions
Урок 21. 00:02:31
3.Layers and components
Урок 22. 00:06:19
4.Adding shadcn to our project
Урок 23. 00:04:44
1.Which Auth Solution To Use?
Урок 24. 00:07:33
2. Next-Auth V5
Урок 25. 00:04:57
3.Setting Up Google and Github Providers
Урок 26. 00:07:31
4. Save Users With Drizzle Adapter to your DB
Урок 27. 00:08:57
5.Creating Our Navbar
Урок 28. 00:04:43
6. Sign In Button
Урок 29. 00:18:11
7.Login Page
Урок 30. 00:10:33
8.Styling Our Login Page
Урок 31. 00:11:11
9. React-Hook-Form + Zod Part 1
Урок 32. 00:12:13
10. React-Hook-Form + Zod Part 2
Урок 33. 00:07:21
11.Creating Our Sign In Action
Урок 34. 00:08:59
12.Form Error and Success Components
Урок 35. 00:12:25
13.Creating Our Register Page
Урок 36. 00:12:33
14.Register Action
Урок 37. 00:05:01
15.Email Token Drizzle Schema
Урок 38. 00:14:02
16.Generate Verification Tokens
Урок 39. 00:15:17
17.Resend
Урок 40. 00:13:21
18. Confirm Users Email Address
Урок 41. 00:14:41
19. Login Authorize
Урок 42. 00:19:48
20.Password Reset Form
Урок 43. 00:22:53
21.Finishing Up Password Resets + HTTP and Websockets
Урок 44. 00:19:09
22. User Dropdown Menu
Урок 45. 00:18:50
23. Theme Your App
Урок 46. 00:29:06
24. User Preferences
Урок 47. 00:10:26
25. JTW and Session Callbacks
Урок 48. 00:14:36
26. Update User Preferences
Урок 49. 00:30:40
27. Two Factor Tokens
Урок 50. 00:16:06
28. Setting up UploadThing
Урок 51. 00:25:20
1. Animations with Framer Motion
Урок 52. 00:19:45
2. Create Product Form
Урок 53. 00:03:42
3. Drizzle Product Schema
Урок 54. 00:19:54
4. Integrating TipTap Rich Text Editor
Урок 55. 00:09:58
5. Create/Edit Product Server Action
Урок 56. 00:08:29
6. Sonner Notifications
Урок 57. 00:20:00
7. Setting Up Tanstack Table
Урок 58. 00:13:15
8. Edit and Delete Products
Урок 59. 00:13:48
9. Finishing our Server Actions
Урок 60. 00:11:08
10. Filtering and Pagination
Урок 61. 00:11:51
11. Drizzle One/Many Relations
Урок 62. 00:15:18
12. Product Variant Wrapper
Урок 63. 00:04:44
13. Server Component Shananigans
Урок 64. 00:14:19
14. Variant Form
Урок 65. 00:18:44
15 Input Tags
Урок 66. 00:34:48
16. Variant Images with Uploadthing
Урок 67. 00:21:53
17.Variant Actions
Урок 68. 00:05:19
18.Deleting Variants
Урок 69. 00:14:34
19.Indexing With Algolia
Урок 70. 00:02:21
20. Shifting Layout Fix
Урок 71. 00:01:50
21. Bad State Call Fix
Урок 72. 00:17:21
1. Displaying our products
Урок 73. 00:03:51
2. Adding our products
Урок 74. 00:27:19
3. URL Routing with Product Picker
Урок 75. 00:17:33
4. Shad/CN Carousel
Урок 76. 00:19:38
5. Review Form
Урок 77. 00:13:35
6. User Review Action
Урок 78. 00:04:42
7. New Drizzle Kit Config
Урок 79. 00:19:47
8. Star System
Урок 80. 00:16:51
9. Review Chart
Урок 81. 00:16:41
10. Zustand
Урок 82. 00:16:05
11. Add To Cart
Урок 83. 00:14:36
12. Remove From Cart
Урок 84. 00:25:21
13.Price Animation and Local Storage Persist
Урок 85. 00:17:24
14.Cart Progress
Урок 86. 00:04:53
15.Order Table
Урок 87. 00:35:22
16.Stripe Elements
Урок 88. 00:17:07
17.Creating Orders
Урок 89. 00:09:23
18.Order Confirmation Page
Урок 90. 00:24:00
19.Order Details Dialog
Урок 91. 00:15:28
20.Quality Of Life Improvements
Урок 92. 00:17:41
21. Stripe CLI and Webhooks
Урок 93. 00:24:10
22. Analytics Page
Урок 94. 00:36:39
23. Recharts
Урок 95. 00:11:57
24. Cart Progress Animation
Урок 96. 00:25:36
25. Algolia Search
Урок 97. 00:15:16
26. Tag System
Урок 98. 00:20:31
Deployment
Урок 99. 00:00:37
1. Getting Started
Урок 100. 00:06:02
2. Setting up Next with Tailwind
Урок 101. 00:15:35
3. Prisma Schemas
Урок 102. 00:21:39
4. Next Auth With Prisma
Урок 103. 00:15:52
5. Creating A Stripe Customer
Урок 104. 00:23:17
6. Creating our Navbar
Урок 105. 00:16:32
7. Fetching Stripe Products
Урок 106. 00:10:11
8. Formatting Prices
Урок 107. 00:09:51
9. Styling our home page
Урок 108. 00:23:01
10. Product Description Page
Урок 109. 00:16:18
11. State Managment With Zustand
Урок 110. 00:26:40
12. Adding Products to Cart
Урок 111. 00:09:58
13. Cart UI
Урок 112. 00:12:11
14. Adding and Removing Products
Урок 113. 00:04:45
15. Empty Carts
Урок 114. 00:06:03
16. Adding Google Fonts
Урок 115. 00:04:04
17. Total Price Format
Урок 116. 00:16:10
18. Framer Motion
Урок 117. 00:03:35
19. Keeping It Mobile Friendly
Урок 118. 00:17:11
20. Getting Started with Stripe
Урок 119. 00:26:57
21. Stripe Order Data
Урок 120. 00:32:49
22. Saving orders
Урок 121. 00:30:34
23. Rendering Stripe Form
Урок 122. 00:28:37
24. Success Page
Урок 123. 00:26:47
25. Stripe Webhooks
Урок 124. 00:30:20
26. Dashboard Page
Урок 125. 00:06:58
27. More Dashboard Styling
Урок 126. 00:11:10
26. Lottie Animations
Урок 127. 00:17:22
27. Daisy UI
Урок 128. 00:10:02
28. Adding a dropdown
Урок 129. 00:18:05
29. Dark Light Mode
Урок 130. 00:13:15
30. Stripe Darkmode
Урок 131. 00:03:56
31. Adding Different Fonts

Автор - developedbyed.com

developedbyed.com

Учись быть креативным! Узнайте захватывающие технологии от веб-разработки, дизайна, разработки игр и многое другое!

+38

Комментарии

a
21 июл. 2024 г., 17:29
Ужасный курс. Нужно было сразу дропать, когда в первом уроке автор добавил кучу шуток про члены. Досмотрел до 29 урока, плохой преподаватель из него.