Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The Complete Strapi Course, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:06:11
    Introduction
  • Урок 2. 00:04:45
    Installation
  • Урок 3. 00:04:41
    Quick Intro to the Strapi Admin
  • Урок 4. 00:05:58
    Build your first content type
  • Урок 5. 00:05:17
    Update your Article content type
  • Урок 6. 00:06:05
    Make Articles Public
  • Урок 7. 00:12:44
    Use the /public folder to build a quick blog demo
  • Урок 8. 00:01:55
    What to learn next?
  • Урок 9. 00:01:28
    The Quickstart Project Teaser
  • Урок 10. 00:05:53
    Install Strapi and React
  • Урок 11. 00:05:52
    Set up the Post Collection Type in Strapi
  • Урок 12. 00:12:50
    Introduction to React and Components
  • Урок 13. 00:08:43
    Using Hardcoded Data to Display an Image in the Post Component
  • Урок 14. 00:03:59
    Improve the Look and Feel of your Post
  • Урок 15. 00:10:03
    Using Properties to pass data between React Components
  • Урок 16. 00:04:57
    Rendering multiple components with Array.map
  • Урок 17. 00:07:11
    Working with useState and useEffect Hooks
  • Урок 18. 00:03:59
    Use an Async function in useEffect to load data
  • Урок 19. 00:04:29
    Installing React Router Dom + Recap
  • Урок 20. 00:06:57
    Set up React Router Dom to create Pages
  • Урок 21. 00:05:49
    Create a new Page and set up Navigation
  • Урок 22. 00:06:14
    The Create Page
  • Урок 23. 00:04:40
    Adding image upload to the Create Form
  • Урок 24. 00:10:06
    Custom Controller to ensure likes are set to 0
  • Урок 25. 00:05:12
    Simple frontend validation
  • Урок 26. 00:03:48
    Backend Validation
  • Урок 27. 00:06:09
    Error Handling in the Frontend
  • Урок 28. 00:05:18
    The Single Post Page Component
  • Урок 29. 00:09:04
    Fetching the Single Post data and displaying it
  • Урок 30. 00:03:50
    Loading and Error Indicators in the Single Post Page
  • Урок 31. 00:03:26
    The Delete Post Request
  • Урок 32. 00:08:46
    The Update Post Request
  • Урок 33. 00:08:40
    Set up UserContext to store User Data
  • Урок 34. 00:04:35
    Custom Nav for logged / logged out in users + Login Page
  • Урок 35. 00:07:08
    Build the. Login Form
  • Урок 36. 00:04:35
    Handle and Show Errors in the Login Page
  • Урок 37. 00:04:41
    Redirect on Successful Login
  • Урок 38. 00:11:20
    The Entire Signup Page with UserContext
  • Урок 39. 00:04:44
    Making the Create Request Require Authentication
  • Урок 40. 00:03:20
    Making Edit and Delete Require Authentication
  • Урок 41. 00:04:22
    Show edit and delete button only if you own the post
  • Урок 42. 00:08:07
    Custom Controllers to Ensure only You can Delete and Edit your own Posts
  • Урок 43. 00:02:06
    The Likes Collection Type
  • Урок 44. 00:06:29
    Setting up Postman to build and test the Like Functionality
  • Урок 45. 00:08:05
    Custom Create Controller for Like Creation
  • Урок 46. 00:05:12
    Custom Delete Controller to ensure only you can delete your own Post
  • Урок 47. 00:05:45
    Use Filters to Retrieve the Likes you gave and the Likes your Posts received
  • Урок 48. 00:06:07
    Policy to Secure Retrieving the Likes that I gave
  • Урок 49. 00:04:06
    Route and Policy to Secure retrieving the Likes you received
  • Урок 50. 00:05:06
    Set up the Like Button
  • Урок 51. 00:02:54
    Set up the Remove Like Button
  • Урок 52. 00:11:09
    Create the LikesContext to keep track of Likes
  • Урок 53. 00:04:29
    Toggle between Like and Remove Like button based on LikesContext
  • Урок 54. 00:03:28
    Reloading Likes Data after Like / Remove Like button click
  • Урок 55. 00:07:18
    Set up a Cron Job to send an Email with the Likes a user received
  • Урок 56. 00:08:24
    Admin Panel Overview [OLD]
  • Урок 57. 00:03:11
    Users and Permissions
  • Урок 58. 00:05:41
    Managing the Admin Panel Users
  • Урок 59. 00:03:36
    Developing with Strapi - using Postman
  • Урок 60. 00:11:24
    Building a Leaderboard with Strapi and jQuery
  • Урок 61. 00:09:31
    Finishing up the leaderboard - JQuery Side
  • Урок 62. 00:07:57
    Users, Login and Registration
  • Урок 63. 00:02:16
    Using Bearer Token to Figure Out Current User Data
  • Урок 64. 00:01:52
    Using Bearer Token for Authenticated Requests
  • Урок 65. 00:11:43
    The Strapi Filesystem
  • Урок 66. 00:04:38
    Controllers VS Services
  • Урок 67. 00:08:17
    [3.0.0 Updated] Configuration Folder
  • Урок 68. 00:09:39
    The Extensions System
  • Урок 69. 00:14:13
    Using And Operator with Strapi Endpoint by using custom controller
  • Урок 70. 00:15:18
    Overriding the default controller
  • Урок 71. 00:07:39
    Building a Custom Email Sending Service
  • Урок 72. 00:07:33
    Introduction to Policies
  • Урок 73. 00:05:57
    Ensure user is logged in - isLoggedIn.js
  • Урок 74. 00:05:48
    Protect Private Routes - alwaysFail.js
  • Урок 75. 00:12:59
    Ensure only you can see your own Content Types - isTargetUserLoggedIn.js
  • Урок 76. 00:07:26
    Allow only you to access your own Profile Data - isMyProfile.js
  • Урок 77. 00:05:36
    Intro to filters
  • Урок 78. 00:04:28
    Filters - Practical Examples
  • Урок 79. 00:06:37
    The Media Library
  • Урок 80. 00:07:47
    Installing a File Upload Provider
  • Урок 81. 00:03:59
    Simple File Upload
  • Урок 82. 00:06:28
    File Upload - Connected to a Content Type
  • Урок 83. 00:04:01
    Multiple File Upload
  • Урок 84. 00:01:35
    Remove a File From Gallery
  • Урок 85. 00:02:38
    Quick intro to the concepts required for file upload
  • Урок 86. 00:04:55
    File Upload using FormData
  • Урок 87. 00:06:16
    File Upload With Fetch
  • Урок 88. 00:07:15
    Uploading multiple files
  • Урок 89. 00:08:50
    Uploading a File to a Content Type
  • Урок 90. 00:06:59
    [3.0.0] Cron Jobs
  • Урок 91. 00:07:00
    Lifecycle Hooks
  • Урок 92. 00:05:39
    Sending Emails
  • Урок 93. 00:10:33
    Using Email Providers
  • Урок 94. 00:08:57
    Sending Email with a custom API endpoint
  • Урок 95. 00:02:08
    Using the POST /email endpoint to send emails
  • Урок 96. 00:02:42
    Secure way to send emails with POST /email
  • Урок 97. 00:01:47
    Introduction to the Development to Heroku
  • Урок 98. 00:12:15
    Setting up the Heroku Side, Datase, Remote, Credentials
  • Урок 99. 00:05:34
    Setting up the Strapi side, deploying to Heroku
  • Урок 100. 00:03:16
    Things to do after deployment
  • Урок 101. 00:05:49
    Hide a field from the API response - Private Fields in API
  • Урок 102. 00:02:46
    The .find service (to find entries)
  • Урок 103. 00:06:27
    Advanced Services Usage
  • Урок 104. 00:03:01
    Logging in Strapi (instead of console.log)
  • Урок 105. 00:02:54
    Using the functions folder for reusable functions
  • Урок 106. 00:11:28
    Migrating data from one version of strapi to another
  • Урок 107. 00:07:06
    [NEW] Getting All of the Users info. Using /me and /users/
  • Урок 108. 00:08:49
    [NEW] Use Strapi with Docker
  • Урок 109. 00:16:10
    Upgrading from Alpha to Beta
  • Урок 110. 00:14:06
    Using Components and Dynamic Zones
  • Урок 111. 00:15:08
    Working with Components Programmatically
  • Урок 112. 00:04:47
    Single Type and UID field - New with Strapi beta.19
  • Урок 113. 00:05:31
    [PRE strapi.beta.20] Installing a File Upload Provider
  • Урок 114. 00:08:45
    [NEW] Using Webhooks
  • Урок 115. 00:04:47
    [NEW] Working with the Database ORM Layer
  • Урок 116. 00:01:47
    Intro to the Portfolio Project and installation
  • Урок 117. 00:06:01
    Building the Strapi Portfolio Side
  • Урок 118. 00:03:42
    Introduction to React
  • Урок 119. 00:03:39
    Creating the PortfolioItem Component
  • Урок 120. 00:07:42
    Using Components and .Map
  • Урок 121. 00:04:54
    Making the portfolio look better
  • Урок 122. 00:06:00
    Setting up Axios for AJAX requests
  • Урок 123. 00:04:50
    Connecting the data we fetched to the Component State
  • Урок 124. 00:03:34
    File Upload Class Component
  • Урок 125. 00:04:07
    File Input and State
  • Урок 126. 00:04:42
    File upload with Axios
  • Урок 127. 00:09:39
    File Upload Progress Bar
  • Урок 128. 00:01:37
    Adding a loading message
  • Урок 129. 00:02:05
    Stock Management App Intro
  • Урок 130. 00:01:08
    Installing React and Strapi
  • Урок 131. 00:03:14
    Introduction to React Folder
  • Урок 132. 00:02:36
    React Functional And Class Component
  • Урок 133. 00:03:48
    React - JSX and Functional Components
  • Урок 134. 00:04:16
    Mocking out Data
  • Урок 135. 00:11:42
    Passing props to functional component
  • Урок 136. 00:04:10
    Moving the functional component to a separate file
  • Урок 137. 00:08:26
    Showing StockEvents by using the Array.map function
  • Урок 138. 00:04:16
    Separating StockEvents by Product
  • Урок 139. 00:03:44
    Calculating the Stock Total with Array.reduce
  • Урок 140. 00:05:04
    Creating the StockDetail component
  • Урок 141. 00:07:27
    Toggling between showing and hiding StockEvents
  • Урок 142. 00:03:13
    Setting up Strapi
  • Урок 143. 00:01:45
    Testing Strapi with Postman
  • Урок 144. 00:09:10
    Connecting the React Frontend to Strapi with Axios
  • Урок 145. 00:02:58
    Stock Management App Wrap Up
  • Урок 146. 00:03:38
    Creating the AddStockEvent Component
  • Урок 147. 00:09:09
    Form Handle Change and Submit
  • Урок 148. 00:04:47
    Displaying select options dynamically
  • Урок 149. 00:09:44
    Asynchronous request to add and remove stock
  • Урок 150. 00:02:58
    Making the add stock event togglable
  • Урок 151. 00:06:34
    Creating a New Product
  • Урок 152. 00:06:51
    Using React Router Dom to separate pages
  • Урок 153. 00:05:47
    Navigation with NavLink
  • Урок 154. 00:00:37
    Installing React and Strapi
  • Урок 155. 00:05:02
    Creating the Class Component
  • Урок 156. 00:08:40
    Setting up a Controlled Input
  • Урок 157. 00:02:17
    Adding the Handle Submit
  • Урок 158. 00:05:59
    Performing the Sign Up Request
  • Урок 159. 00:04:44
    Saving the User object after signing up
  • Урок 160. 00:05:54
    Toggling between Sign Up and Log In
  • Урок 161. 00:10:34
    Setting up the Profile Page
  • Урок 162. 00:05:58
    Refactoring Handle Change for Reusability
  • Урок 163. 00:03:50
    Connecting initial User Data to State
  • Урок 164. 00:07:20
    Update User Request with Axios
  • Урок 165. 00:09:17
    [Adding Security] Policy to Prevent User Update Abuse
  • Урок 166. 00:08:47
    UNSAFE - Using LocalStorage to store user data
  • Урок 167. 00:12:53
    Theory on how to store the JWT Token
  • Урок 168. 00:08:50
    Serving the Frontend through a Server
  • Урок 169. 00:06:26
    Setting up React for Production
  • Урок 170. 00:09:06
    Moving the routes to the server
  • Урок 171. 00:08:10
    Setting up Session Cookies
  • Урок 172. 00:02:53
    Authentication Route in the server
  • Урок 173. 00:05:54
    Updating the user profile through the server
  • Урок 174. 00:05:23
    Fetching the current user from the server
  • Урок 175. 00:03:50
    Logout user and Wrapup - User Profile Projet Conclusions
  • Урок 176. 00:01:16
    Introduction to the Updated Portfolio Builder
  • Урок 177. 00:01:13
    Installing Strapi and React
  • Урок 178. 00:11:01
    Creating the Components and Setting up the Page Content Type
  • Урок 179. 00:03:22
    Using mockPage code to speed up React Development
  • Урок 180. 00:08:28
    Creating the Quote Component
  • Урок 181. 00:03:48
    Vertically Centering the Quote Component
  • Урок 182. 00:09:07
    The Article Component
  • Урок 183. 00:04:55
    The Basic Entry Component
  • Урок 184. 00:08:29
    The Complex Entry Component
  • Урок 185. 00:05:54
    Render the Appropriate Component in the Dynamic Zone
  • Урок 186. 00:05:44
    Connecting the React App to Strapi
  • Урок 187. 00:01:04
    Project Wrapup
  • Урок 188. 00:10:36
    Introduction to Gatsby
  • Урок 189. 00:04:25
    Installing Gatsby
  • Урок 190. 00:13:27
    Gatsby complete overview
  • Урок 191. 00:05:26
    Create a new Page in Gatsby
  • Урок 192. 00:10:16
    Create pages with MockData in Gatsby
  • Урок 193. 00:05:16
    Using Gatsby with Strapi
  • Урок 194. 00:03:30
    Using GraphiQL to fetch articles from Strapi
  • Урок 195. 00:05:03
    Executing the PageQuery in Gatsby
  • Урок 196. 00:05:29
    Fetch all articles and display them
  • Урок 197. 00:01:17
    Adding links to the single article page
  • Урок 198. 00:04:06
    Building Gatsby and Deploying to Surge
  • Урок 199. 00:01:58
    Project Introduction
  • Урок 200. 00:03:49
    Installing Gatsby and Strapi
  • Урок 201. 00:03:10
    Set up the Strapi-Source Gatsby Plugin
  • Урок 202. 00:06:27
    Setting up the Product Content Type
  • Урок 203. 00:05:58
    The All Products Page
  • Урок 204. 00:06:59
    Display the Products in a grid
  • Урок 205. 00:04:43
    Formatting the Product Price
  • Урок 206. 00:02:47
    Quick Design Improvements
  • Урок 207. 00:05:22
    Linking from Product card to Single Product Page
  • Урок 208. 00:03:34
    Using the Unique Field to generate the Product URL Slug
  • Урок 209. 00:05:43
    The Single Product Page Template
  • Урок 210. 00:07:47
    Create the Single Product Page with the createPages API
  • Урок 211. 00:05:27
    Single Product Page design improvements
  • Урок 212. 00:04:29
    How to build the Cart
  • Урок 213. 00:03:38
    Build a Cart with LocalStorage
  • Урок 214. 00:05:21
    Build an Interface to interact with the Cart: addToCart
  • Урок 215. 00:05:40
    Track quantities in the cart
  • Урок 216. 00:04:57
    Build the Cart Page
  • Урок 217. 00:05:35
    Improve the design of the Cart Page
  • Урок 218. 00:06:31
    Allow the customer to change quantities
  • Урок 219. 00:06:15
    Use a Hook to select Product Quantities in Single Product Template
  • Урок 220. 00:03:44
    Use a Hook to Re-render the Cart once quantities have changed
  • Урок 221. 00:01:49
    Next steps, discussion on why you may need context or redux for state management
  • Урок 222. 00:07:30
    Build a Cart Math Library
  • Урок 223. 00:05:13
    Adding Shipping Fees to the Math Library
  • Урок 224. 00:03:00
    [THEORY] How to use Stripe for Checkout
  • Урок 225. 00:05:53
    Create the Order Content Type
  • Урок 226. 00:06:29
    Set up Stripe in the Strapi backend with a Custom Controller
  • Урок 227. 00:04:35
    Test the Stripe Integration with Postman
  • Урок 228. 00:08:36
    Building a Sanitized Cart in our Custom Controller
  • Урок 229. 00:09:13
    "Importing" our math library to the backend
  • Урок 230. 00:05:47
    Install and set up the Stripe Checkout Components
  • Урок 231. 00:08:05
    Use Stripe Elements to display the Credit Card input field
  • Урок 232. 00:07:18
    Retrieve a paymentIntent from the frontend so that Stripe can collect the card
  • Урок 233. 00:02:29
    Generate the paymentIntent with the real Cart object
  • Урок 234. 00:04:06
    Fix a bug where the products weren't loading properly in the Strapi backend
  • Урок 235. 00:04:33
    Process the Card with Stripe
  • Урок 236. 00:07:40
    Add a Loading Indicator
  • Урок 237. 00:07:44
    Use Context and Hooks for the Cart
  • Урок 238. 00:03:14
    Refactor the Checkout Component to use Cart from Context
  • Урок 239. 00:10:27
    Refactor all Pages to use Context
  • Урок 240. 00:05:58
    Add the Cart Counter to the Header Component
  • Урок 241. 00:08:01
    Show a Cart Icon with a Link to the Cart Page
  • Урок 242. 00:01:29
    Show the total quantity of Product next to the Cart Icon
  • Урок 243. 00:02:54
    [THEORY] How to create Orders in Strapi
  • Урок 244. 00:14:36
    Add Shipping Info Form in Frontend and Update the Order Content Type
  • Урок 245. 00:03:41
    Style the Form and How to Edit the dynamically built Inputs
  • Урок 246. 00:02:52
    Simple Form Validation
  • Урок 247. 00:05:05
    Create the Order with a fetch POST request
  • Урок 248. 00:07:41
    Use a Custom Controller for the Order Creation
  • Урок 249. 00:06:53
    Calculate totals in the Order Creation Controller
  • Урок 250. 00:04:31
    Fix a bug related to strapiId vs id
  • Урок 251. 00:06:38
    Validate the paymentIntent
  • Урок 252. 00:06:33
    Ensuring the paymentIntent is used only once
  • Урок 253. 00:03:08
    Ensure paymentIntent total is same as Cart total
  • Урок 254. 00:03:48
    Show Success Message on Order Creation
  • Урок 255. 00:05:45
    Polish up the Cart Page / Checkout
  • Урок 256. 00:06:41
    Gatsby Ecommerce With Strapi and Stripe Wrap Up
  • Урок 257. 00:07:10
    Deploy Strapi to Heroku and Gatsby to Netlify with the simplified code
  • Урок 258. 00:06:42
    Exploring the Gatsby Plugin Documentation
  • Урок 259. 00:00:45
    Clearing the Gatsby Cache
  • Урок 260. 00:04:14
    A look at Buffetjs
  • Урок 261. 00:01:18
    Introduction to Plugin Development
  • Урок 262. 00:00:43
    WARNING - WATCH THIS BEFORE PROCEEDING
  • Урок 263. 00:07:08
    Intro to the Field API - Replace a Field
  • Урок 264. 00:04:10
    Write the Custom React Field Component
  • Урок 265. 00:04:22
    Writing a Custom TRUE | FALSE toggle by using BuffetJS source code
  • Урок 266. 00:04:06
    Polishing up the Component with BuffetJS utilities
  • Урок 267. 00:01:42
    [EXTRA] How to Find Input Type Names
  • Урок 268. 00:05:33
    Introduction to the Settings API - Display a new menu in the settings page
  • Урок 269. 00:03:32
    Write a component that counts the number of posts in the settings page
  • Урок 270. 00:04:28
    Introduction to the Admin API - Show menu entry and custom page
  • Урок 271. 00:07:23
    Working with Plugin Data Storage - strapi.store
  • Урок 272. 00:03:53
    Write retrieveSetting and test it with Postman
  • Урок 273. 00:05:22
    Custom Admin Page - React Code
  • Урок 274. 00:08:42
    Making the Admin Page feel like a Strapi page with BuffetJS, loading and notifis
  • Урок 275. 00:00:39
    [BUGFIX] Ensure the Strapi Button submits your form
  • Урок 276. 00:06:01
    Adding the createPaymentIntent endpoint