-
Урок 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
Thank you in advance.