udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
NextJS E-Com Masterclass: Изучите все новое в Next JS
NextJS E-Com Masterclass: Learn The All New Next JS
★5 (всего оценок - 5)
Продолжительность
19 ч 17 мин
Категория
Next.jsКоличество уроков
171 Видео
Дата добавления
23 дек. 2023 г., 01:38
Язык
Английский
Дата выхода
19 окт. 2023 г., 01:00
Дата обновления
29 апр. 2026 г., 19:29
Хотите быстро и уверенно освоить разработку интернет‑магазинов на Next.js?Этот курс даст вам полный набор знаний и инструментов, чтобы создавать современные, быстрые и масштабируемые e‑commerce проекты с нуля — даже если вы начинаете с минимальным опытом.
Что вы получите от курса
Обучение сфокусировано на практических задачах, поэтому каждый модуль приближает вас к созданию полноценного интернет‑магазина. Мы шаг за шагом разберём все важные технологии и связки, которые применяются в реальной разработке.
Современный стек технологий
Вы научитесь уверенно работать с актуальными инструментами, которыми пользуются компании по всему миру:
- Next.js — быстрые рендер‑методы, удобная маршрутизация и новый App Router.
- TypeScript — безопасный и предсказуемый код без неожиданных ошибок.
- MongoDB — гибкая и масштабируемая база данных.
- Cloudinary — оптимизация изображений и видео в несколько кликов.
- Mailtrap — безопасное тестирование рабочих email‑уведомлений.
Практика на реальном проекте
Вместе мы создадим полноценный интернет‑магазин: от структуры страниц и авторизации пользователей до интеграции платежей, загрузки медиа и отправки писем. Вы получите не просто знания — вы создадите проект, который сможете показать работодателю.
Почему изучение Next.js так важно
Next.js стал стандартом для разработки современных веб‑приложений. Он обеспечивает высокую производительность, SEO‑дружественность и стабильность — именно то, что требуется e‑commerce платформам.
Преимущества использования Next.js для e‑commerce
- Серверный рендеринг (SSR) повышает SEO и скорость загрузки.
- Статическая генерация (SSG) делает магазин быстрым и лёгким.
- API Routes позволяют создавать backend прямо внутри проекта.
- Оптимизация изображений особенно важна для каталогов товаров.
Кому подойдёт этот курс
- Начинающим разработчикам, которые хотят освоить полный стек.
- Frontend‑специалистам, готовым углубиться в backend‑часть.
- Тем, кто хочет создавать реальные проекты, а не просто изучать теорию.
- Разработчикам, желающим перейти на современный стек Next.js + TypeScript.
Результат, которым вы будете гордиться
К концу курса у вас будет собственный интернет‑магазин, написанный на Next.js и интегрированный с TypeScript, MongoDB, Cloudinary и Mailtrap. Это демонстрация ваших навыков и готовый проект в портфолио.
Готовы начать?
Погрузитесь в мир современной веб‑разработки и создайте e‑commerce проект своей мечты. Всё, что вам нужно — начать первый урок.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:11:16Project Intro
- Урок 2. 00:02:01Let Me Guide You
- Урок 3. 00:01:41Node JS
- Урок 4. 00:02:28Mongodb
- Урок 5. 00:01:36VS Code
- Урок 6. 00:01:30Node JS
- Урок 7. 00:01:07Homebrew
- Урок 8. 00:02:29Mongodb
- Урок 9. 00:01:04Mongodb Compass
- Урок 10. 00:01:3412-Running Mongodb In The Background
- Урок 11. 00:00:49VS Code
- Урок 12. 00:01:01Open With VS Code
- Урок 13. 00:02:15React TS Project Setup
- Урок 14. 00:07:50Rendering App
- Урок 15. 00:09:51Component & Props
- Урок 16. 00:09:43Input & Change Handler
- Урок 17. 00:11:35Project Setup
- Урок 18. 00:03:42Layout
- Урок 19. 00:09:02Navbar
- Урок 20. 00:08:59Navbar Explained
- Урок 21. 00:04:20Sign up Form
- Урок 22. 00:08:27Form State & Validation
- Урок 23. 00:09:24Rendering Errors
- Урок 24. 00:07:33API Route
- Урок 25. 00:04:16Connecting to Local Database
- Урок 26. 00:07:39User Model
- Урок 27. 00:05:27Creating New User
- Урок 28. 00:07:10Hashing Password
- Урок 29. 00:04:52Comparing Password
- Урок 30. 00:05:38Sending Emails
- Урок 31. 00:10:45ChatGPT & Email Verification Token
- Урок 32. 00:05:02Generating Verification Token
- Урок 33. 00:03:37Email Verification Page
- Урок 34. 00:08:44Verify Token Route
- Урок 35. 00:06:07Verifying Token
- Урок 36. 00:04:33Rendering Notification
- Урок 37. 00:11:25Next Auth
- Урок 38. 00:09:12Sign in Route
- Урок 39. 00:08:09Sign in UI
- Урок 40. 00:05:36Auth Session
- Урок 41. 00:05:56Auth Errors
- Урок 42. 00:04:43Sign out
- Урок 43. 00:07:06Guest Route
- Урок 44. 00:09:28Customizing Session
- Урок 45. 00:02:35Forget Password UI
- Урок 46. 00:07:06Forget Password API Route
- Урок 47. 00:06:12Sending Link to Email
- Урок 48. 00:04:59Submitting Request
- Урок 49. 00:08:46Validating Password Reset Token
- Урок 50. 00:15:23Resetting Password
- Урок 51. 00:05:35Production Build
- Урок 52. 00:09:53Publishing Application
- Урок 53. 00:10:55Refactoring Send Email
- Урок 54. 00:04:42Sign in along with Sign up
- Урок 55. 00:05:17Private Route
- Урок 56. 00:11:00Fixing Auth Session Profile
- Урок 57. 00:13:38Email Reverification
- Урок 58. 00:07:06Admin Sidebar
- Урок 59. 00:06:55Fixing Navbar
- Урок 60. 00:05:32Product Table
- Урок 61. 00:11:36Product Form
- Урок 62. 00:07:26Product Model
- Урок 63. 00:07:32Server Action
- Урок 64. 00:05:50Validating Product Info
- Урок 65. 00:05:11Using Validation Schema
- Урок 66. 00:06:28Cloud Storage
- Урок 67. 00:03:00Cloud Signature
- Урок 68. 00:08:40Uploading Image
- Урок 69. 00:11:51Creating New Product
- Урок 70. 00:05:53About Action
- Урок 71. 00:07:46Fetching New Products
- Урок 72. 00:08:15Update Product Page
- Урок 73. 00:09:17Update Product Form
- Урок 74. 00:02:03Fixing Warning
- Урок 75. 00:02:43Let's Understand How to update
- Урок 76. 00:01:55Remove Image From Cloud
- Урок 77. 00:13:36Removing Images
- Урок 78. 00:08:10Removing Images From Cloud
- Урок 79. 00:11:05Update Product 1
- Урок 80. 00:08:47Update Product 2
- Урок 81. 00:03:20Generating Dummy Product
- Урок 82. 00:07:35Generating Multiple Dummy Products
- Урок 83. 00:07:42Pagination
- Урок 84. 00:06:46Fetching & Rendering Products
- Урок 85. 00:04:18Few Little Fixes
- Урок 86. 00:05:27Dynamic Route
- Урок 87. 00:07:10Rendering Single Product
- Урок 88. 00:07:14Hero Slider
- Урок 89. 00:05:42Cart Model
- Урок 90. 00:05:41Cart API 1
- Урок 91. 00:06:42Cart API 2
- Урок 92. 00:10:18Adding to Cart
- Урок 93. 00:04:20Featured Product Model
- Урок 94. 00:05:06Featured Product Form
- Урок 95. 00:04:54Submitting Featured Product Form
- Урок 96. 00:04:50Creating Featured Product
- Урок 97. 00:01:56Featured Product Table
- Урок 98. 00:02:59Rendering Featured Product
- Урок 99. 00:06:26Update Featured Product 1
- Урок 100. 00:05:02Update Featured Product 2
- Урок 101. 00:07:12Deleting Featured Product
- Урок 102. 00:05:44Few Little Fixes
- Урок 103. 00:07:44Featured Product Slider
- Урок 104. 00:02:47Responsive Slider
- Урок 105. 00:05:06Horizontal Scroll Menu
- Урок 106. 00:07:15Products by Category
- Урок 107. 00:11:22Cart Items Count
- Урок 108. 00:09:18Profile Page
- Урок 109. 00:10:26Updating User Profile
- Урок 110. 00:08:00New Profile Page UI
- Урок 111. 00:08:29Loading UI
- Урок 112. 00:04:02Error Page
- Урок 113. 00:07:20Image Component
- Урок 114. 00:03:58Cart Page
- Урок 115. 00:18:45Fetching Cart Details
- Урок 116. 00:04:49Updating Cart Items
- Урок 117. 00:02:01Deleting Cart
- Урок 118. 00:02:25Empty Cart Message
- Урок 119. 00:10:02Setting up Stripe
- Урок 120. 00:15:31Checkout Session URL
- Урок 121. 00:07:32Final Checkout
- Урок 122. 00:07:27Order Model
- Урок 123. 00:04:09Stripe CLI
- Урок 124. 00:12:07Using Webhook
- Урок 125. 00:10:41Creating New Order
- Урок 126. 00:04:05Recounting Stock
- Урок 127. 00:07:55Instant Checkout
- Урок 128. 00:06:58Creating Order
- Урок 129. 00:05:08Fetching Orders of Profile
- Урок 130. 00:04:17Rendering Orders
- Урок 131. 00:15:15Orders UI Admin
- Урок 132. 00:05:31Update Delivery API Route
- Урок 133. 00:04:44Updating Delivery Status
- Урок 134. 00:05:57Review Form
- Урок 135. 00:03:43Review Model
- Урок 136. 00:07:08Create/Update Review
- Урок 137. 00:05:47Submitting Review Form
- Урок 138. 00:08:42Fetching Review Details
- Урок 139. 00:08:28Rendering Reviews
- Урок 140. 00:09:11Average Rating
- Урок 141. 00:11:12Rating Stars
- Урок 142. 00:05:45Rendering Rating Stars
- Урок 143. 00:18:47Fetching Sales History
- Урок 144. 00:08:57Sales Chart
- Урок 145. 00:04:02Sales Page UI
- Урок 146. 00:06:32Fixing Review Issue
- Урок 147. 00:01:53Fixing Sales Page Issue
- Урок 148. 00:02:15Out of Stock
- Урок 149. 00:03:12Fetching Similar Products
- Урок 150. 00:08:58Rendering Similar Products
- Урок 151. 00:03:26Latest Order inside Profile Page
- Урок 152. 00:03:55History Model
- Урок 153. 00:08:50Recording History
- Урок 154. 00:08:19Admin Search
- Урок 155. 00:04:49Search Bar
- Урок 156. 00:02:35Search Filter UI
- Урок 157. 00:18:38Search Filter
- Урок 158. 00:09:21Searching Products
- Урок 159. 00:03:26Clear Filter
- Урок 160. 00:03:22Wishlist Button
- Урок 161. 00:08:30Wishlist Api Route
- Урок 162. 00:04:04Updating Wishlist
- Урок 163. 00:07:24Fetching Wishlisted Products
- Урок 164. 00:07:44Wishlisted Products UI
- Урок 165. 00:02:38Updating Wishlist
- Урок 166. 00:11:55Using Real Database
- Урок 167. 00:03:37Custom Domain
- Урок 168. 00:04:20Verify Domain Inside Mailtrap
- Урок 169. 00:10:49Sending Real Emails
- Урок 170. 00:11:21The Fix
- Урок 171. 00:07:15Stripe Webhook
Автор - udemy
Комментарии