Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Next.js by Example, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:04:16
    App vs Pages Router
  2. Урок 2. 00:02:58
    Project Overview
  3. Урок 3. 00:08:11
    Creating a Next.js Project
  4. Урок 4. 00:04:40
    Home Page
  5. Урок 5. 00:04:40
    Source Code
  6. Урок 6. 00:06:14
    TypeScript
  7. Урок 7. 00:06:09
    Page Routes
  8. Урок 8. 00:03:29
    Exercise: Add More Pages
  9. Урок 9. 00:06:20
    Nested Layouts
  10. Урок 10. 00:08:45
    Prerendering
  11. Урок 11. 00:08:58
    React Server Components
  12. Урок 12. 00:07:41
    Dev vs Production Server
  13. Урок 13. 00:06:24
    Link Component
  14. Урок 14. 00:05:38
    Prefetching
  15. Урок 15. 00:03:58
    Layout and Navigation
  16. Урок 16. 00:01:44
    Exercise: Review Links
  17. Урок 17. 00:06:53
    Styling Solutions
  18. Урок 18. 00:04:25
    Installing Tailwind CSS
  19. Урок 19. 00:07:05
    Layout Styling
  20. Урок 20. 00:05:41
    Color Palette
  21. Урок 21. 00:03:44
    Heading Component
  22. Урок 22. 00:04:04
    Import Alias
  23. Урок 23. 00:04:48
    Static Assets
  24. Урок 24. 00:04:48
    Image Cards
  25. Урок 25. 00:06:28
    Font Optimization
  26. Урок 26. 00:05:31
    Custom Tailwind Font
  27. Урок 27. 00:04:53
    Exercise: Custom Default Font
  28. Урок 28. 00:07:35
    Responsive Design
  29. Урок 29. 00:05:20
    Reading Files
  30. Урок 30. 00:04:33
    Rendering Markdown
  31. Урок 31. 00:04:17
    Tailwind CSS Typography
  32. Урок 32. 00:04:41
    Front Matter
  33. Урок 33. 00:03:49
    Data Layer Separation
  34. Урок 34. 00:04:48
    Dynamic Routes
  35. Урок 35. 00:06:05
    Listing Files
  36. Урок 36. 00:02:54
    Rendering Arrays
  37. Урок 37. 00:08:07
    Static Generation for Dynamic Routes
  38. Урок 38. 00:03:32
    Exercise: Featured Review
  39. Урок 39. 00:04:21
    Title and Meta Tags
  40. Урок 40. 00:04:00
    Title Template
  41. Урок 41. 00:02:47
    Dynamic Metadata
  42. Урок 42. 00:04:04
    Icon and Metadata Files
  43. Урок 43. 00:03:47
    Share Link Button
  44. Урок 44. 00:05:11
    Client Components
  45. Урок 45. 00:05:08
    Component State
  46. Урок 46. 00:05:33
    Nested Client Components
  47. Урок 47. 00:02:57
    Heroicons
  48. Урок 48. 00:01:56
    Deployment Options
  49. Урок 49. 00:05:22
    Deploying to Vercel
  50. Урок 50. 00:04:03
    Static Export
  51. Урок 51. 00:02:27
    Static Hosting
  52. Урок 52. 00:05:19
    Project Phase 2
  53. Урок 53. 00:07:32
    Strapi Overview
  54. Урок 54. 00:04:13
    Preloaded CMS Instance
  55. Урок 55. 00:07:20
    Fetch API
  56. Урок 56. 00:07:04
    Strapi API Parameters
  57. Урок 57. 00:04:23
    Get Reviews From CMS - Step 1
  58. Урок 58. 00:04:01
    Get Reviews From CMS - Step 2
  59. Урок 59. 00:04:41
    Get Review From CMS - Step 1
  60. Урок 60. 00:03:42
    Get Review From CMS - Step 2
  61. Урок 61. 00:04:46
    Refactoring: Fetch Reviews
  62. Урок 62. 00:04:23
    Get Slugs From CMS
  63. Урок 63. 00:02:44
    Static Build with CMS Data
  64. Урок 64. 00:05:32
    ESLint
  65. Урок 65. 00:04:17
    Next Image Component
  66. Урок 66. 00:06:02
    Image Conversion
  67. Урок 67. 00:06:59
    Lazy Loading and Priority
  68. Урок 68. 00:04:45
    Exercise: Home Images
  69. Урок 69. 00:03:32
    Subtitles
  70. Урок 70. 00:05:12
    Alternative Image Loaders
  71. Урок 71. 00:09:14
    Dynamic Params
  72. Урок 72. 00:07:04
    Dynamic Rendering
  73. Урок 73. 00:04:52
    Page Not Found
  74. Урок 74. 00:08:45
    Background Revalidation
  75. Урок 75. 00:06:11
    Fetch Cache and Revalidation
  76. Урок 76. 00:08:46
    Webhook Route Handler
  77. Урок 77. 00:07:18
    On-Demand Revalidation
  78. Урок 78. 00:07:57
    Rendering Strategies Comparison
  79. Урок 79. 00:06:40
    Query String Parameters
  80. Урок 80. 00:04:49
    Pagination with Strapi
  81. Урок 81. 00:04:33
    Page Count
  82. Урок 82. 00:08:23
    Exercise: Pagination Bar
  83. Урок 83. 00:09:11
    Search Params and Dynamic Rendering
  84. Урок 84. 00:06:02
    Exercise: usePathname
  85. Урок 85. 00:05:27
    Third-Party Components
  86. Урок 86. 00:09:10
    Client-Only Rendering
  87. Урок 87. 00:06:55
    Combobox Styles
  88. Урок 88. 00:04:51
    Combobox Events
  89. Урок 89. 00:08:12
    Server to Client Props
  90. Урок 90. 00:07:06
    Client-Side Fetch
  91. Урок 91. 00:04:55
    Search Route Handler
  92. Урок 92. 00:04:03
    Calling Route Handlers
  93. Урок 93. 00:04:55
    Cancelling Requests
  94. Урок 94. 00:05:44
    Debouncing Requests
  95. Урок 95. 00:07:25
    Environment Variables
  96. Урок 96. 00:06:14
    Configurable Image Source
  97. Урок 97. 00:06:56
    Strapi Cloud
  98. Урок 98. 00:06:22
    Deploying with Environment Variables
  99. Урок 99. 00:02:22
    Next Blog: Overview
  100. Урок 100. 00:06:59
    Next.js Project Setup
  101. Урок 101. 00:04:16
    Source Code
  102. Урок 102. 00:06:04
    Pre-rendering
  103. Урок 103. 00:07:59
    Development vs Production Server
  104. Урок 104. 00:03:19
    Adding New Pages
  105. Урок 105. 00:04:52
    Next Link Component
  106. Урок 106. 00:04:47
    Shared NavBar Component
  107. Урок 107. 00:05:06
    Custom App Component
  108. Урок 108. 00:03:21
    Next Head Component
  109. Урок 109. 00:04:44
    Global Styles
  110. Урок 110. 00:06:42
    Component Styles with Styled JSX
  111. Урок 111. 00:04:44
    Images and Other Assets
  112. Урок 112. 00:02:44
    First Post Page
  113. Урок 113. 00:02:25
    Markdown Syntax
  114. Урок 114. 00:04:00
    getStaticProps Function
  115. Урок 115. 00:06:55
    getStaticProps in Production Mode
  116. Урок 116. 00:03:46
    Reading a File
  117. Урок 117. 00:03:34
    Lib Module
  118. Урок 118. 00:06:20
    Rendering Markdown
  119. Урок 119. 00:04:53
    Front Matter
  120. Урок 120. 00:08:10
    Dynamic Route and getStaticPaths
  121. Урок 121. 00:04:33
    Listing Files in a Folder
  122. Урок 122. 00:05:29
    Listing Posts
  123. Урок 123. 00:03:33
    Dynamic Routes in Production Mode
  124. Урок 124. 00:06:19
    ThemeSwitch Component
  125. Урок 125. 00:04:56
    Dark Mode Styles
  126. Урок 126. 00:04:42
    DarkTheme Component
  127. Урок 127. 00:06:46
    Hydration
  128. Урок 128. 00:05:46
    Saving Preferences to Local Storage
  129. Урок 129. 00:05:23
    Feature Detection
  130. Урок 130. 00:04:28
    Deployment Options
  131. Урок 131. 00:05:51
    Vercel Platform
  132. Урок 132. 00:04:33
    Exporting as a Static Website
  133. Урок 133. 00:04:30
    Linux Server with Nginx
  134. Урок 134. 00:05:56
    Linux Server with Node.js
  135. Урок 135. 00:02:20
    Next Shop: Overview
  136. Урок 136. 00:05:32
    Create Next App
  137. Урок 137. 00:08:10
    TypeScript Support
  138. Урок 138. 00:05:41
    Tailwind CSS Setup
  139. Урок 139. 00:08:05
    Utility-First CSS
  140. Урок 140. 00:07:32
    High-level Architecture
  141. Урок 141. 00:10:36
    Strapi Headless CMS
  142. Урок 142. 00:04:27
    Backend Setup
  143. Урок 143. 00:04:18
    Displaying Products
  144. Урок 144. 00:04:43
    Fetching Data Server-side
  145. Урок 145. 00:06:53
    Fetching Data Client-side
  146. Урок 146. 00:09:11
    Incremental Static Regeneration
  147. Урок 147. 00:05:09
    Server-side Rendering
  148. Урок 148. 00:06:22
    API Routes
  149. Урок 149. 00:03:30
    Calling API Routes
  150. Урок 150. 00:07:29
    Choosing a Data Fetching Strategy
  151. Урок 151. 00:02:55
    Product Page Links
  152. Урок 152. 00:05:46
    Product Page
  153. Урок 153. 00:05:04
    Regenerating Product Pages
  154. Урок 154. 00:09:45
    On-demand Revalidation
  155. Урок 155. 00:05:17
    Fallback: Blocking
  156. Урок 156. 00:06:00
    Fallback and Page Not Found
  157. Урок 157. 00:04:06
    Shared fetchJson function
  158. Урок 158. 00:04:03
    Custom Error Class
  159. Урок 159. 00:06:07
    Environment Variables
  160. Урок 160. 00:06:10
    Product Card
  161. Урок 161. 00:05:11
    Responsive Grid
  162. Урок 162. 00:02:50
    Product Images
  163. Урок 163. 00:07:09
    Next Image Component
  164. Урок 164. 00:05:42
    Responsive Product Page
  165. Урок 165. 00:06:30
    Strapi Authentication
  166. Урок 166. 00:05:30
    Common Page Component
  167. Урок 167. 00:06:21
    Sign In Form
  168. Урок 168. 00:04:22
    Form State and Validation
  169. Урок 169. 00:04:40
    Sign In API Request
  170. Урок 170. 00:06:45
    Error and Loading States
  171. Урок 171. 00:06:09
    API Route with POST
  172. Урок 172. 00:03:59
    Login API Route
  173. Урок 173. 00:06:07
    Setting a Cookie
  174. Урок 174. 00:04:50
    NavBar with Authentication
  175. Урок 175. 00:06:09
    User API Route
  176. Урок 176. 00:06:06
    Loading User Data
  177. Урок 177. 00:05:12
    Signing Out
  178. Урок 178. 00:05:00
    Why React Query
  179. Урок 179. 00:09:55
    useQuery Hook
  180. Урок 180. 00:03:37
    useUser Custom Hook
  181. Урок 181. 00:07:13
    useMutation Hook
  182. Урок 182. 00:04:34
    Updating the Query Cache
  183. Урок 183. 00:07:13
    useSignIn Custom Hook
  184. Урок 184. 00:05:18
    useSignOut Custom Hook
  185. Урок 185. 00:06:11
    Cart Items Collection
  186. Урок 186. 00:02:38
    Cart Page
  187. Урок 187. 00:04:06
    Cart API Route
  188. Урок 188. 00:02:04
    Fetching Cart Items
  189. Урок 189. 00:05:58
    Displaying Cart Items
  190. Урок 190. 00:04:22
    POST Cart Handler
  191. Урок 191. 00:03:20
    Add to Cart Widget
  192. Урок 192. 00:02:49
    Add to Cart Mutation
  193. Урок 193. 00:05:13
    Wrap Up