The Complete Strapi Course - with plugins and deployment
The Complete Strapi Course teaches all you need to know to start and improve your skills with Strapi! Learn about Strapi, the Headless CMS, as well as React and Gatsby.
More
Over 21 hours of lessons.
Revamped Introduction, get started with Strapi quickly!
Build your first project and deploy it in the first hour and a half!
3 Hours of Core Theory Curriculum. In which you will learn all the ins and outs of Strapi.
Then 15 hours of Projects, Q&A and a continuously growing Cookbook with Techniques and strategies
Throughout this course you will Build:
A Leaderboard with Strapi and jQuery
SECURE Login and Signup and Edit Profile Page with Strapi and React
A Complex (2 parts) and Extensible Portfolio Page Builder with React and Strapi's Components and Dynamic Zones
A Complete (2 parts) Inventory Management Application (See stock, create products, add and remove stock, visualize events and totals)
Build a Static Blog with Gatsby and Strapi
Build an E-Commerce with Gatsby, Strapi and Stripe
In the latest addition of the course, you will build and deploy a complete Static E-commerce with Gatsby, Strapi and Stripe as payment processor. (over 6 hours in depth project)
[Upcoming, learn all Strapi features, CRUD, Emails, Authentication, File Upload, Custom Controllers and Services, Policies all in one project]
Strapi is a headless CMS that in the hands of a developer gives them superpowers.
That's why I use Strapi for every single new application I work with.
Strapi allows you to:
Deliver Faster: Focus on the actual features, increase velocity of your deployments.
Prototype Faster: Build an App in a week (or a day), not months!
Multiply Yourself: Small teams and solo developers can now build and manage huge applications!
Win at every Hackathon: Don't waste time coding authentication, file upload, and data management. Focus on the features that matter
Strapi is a favorable decision also because:
Battle-tested by thousands
Open Source
Backed by a funded startup
The course is divided into 2 parts:
The first 3 hours go through all major aspects of Strapi:
Content Types (build your content in seconds)
CRUD functionality (Permissioned APIs the moment you define your content)
Roles and Permissions (Add a new Role in seconds, not days!)
File Upload, done right, instantly. Connect it with any provider. (WITH CODE)
Email sending, that works out of the box, with one line of code
After that, I've left a Cookbook, with FAQs and Tips to be more effective with situational tasks you may have to deal with when working with Strapi.
Then we jump right into building Web Apps with Strapi.
Learn React while building all of these incredible projects, each project adds more and more complexity. Learn React, Gatsby while using Strapi as a backend.
Throughout this course you will Build:
A Leaderboard with Strapi and jQuery
SECURE Login and Signup and Edit Profile Page with Strapi and React
A Complex (2 parts) and Extensible Portfolio Page Builder with React and Strapi's Components and Dynamic Zones
A Complete (2 parts) Inventory Management Application (See stock, create products, add and remove stock, visualize events and totals)
Build a Static Blog with Gatsby and Strapi
Build an E-Commerce with Gatsby, Strapi and Stripe
At the time of release, I've worked with Strapi for over a year, saving hundreds of thousands of dollars for the companies I've worked with.
I'm one of the most experienced developers and I'm teaching it here on Udemy at a dirt-cheap price.
The course covers all Strapi main Features and the halfway point consists of exercises in which you will build COMPLEX web applications at the speed of thought by leveraging Strapi, jQuery and React.
- Basic Javascript understanding
- Having used NodeJs helps to appreciate how effortless strapi is
- React and Gatsby are taught during the course, an understanding of them helps but is not needed
Who this course is for:
- Build Static Sites and E-commerce with Gatsby, Strapi and Stripe
- Small teams that need to deliver features FAST
- Entrepreneurs looking for the winning edge
- Build your MVP in a matter of days not weeks
- Win Every Hackathon
What you'll learn:
- Build Projects with React, Strapi and Gatsby
- Build an E-commerce with Gatsby, Strapi and Stripe
- Use Gatsby and Strapi to Build Static Sites - Rapidly Learn React and build advanced projects
- Build a NodeJS backend in seconds
- Deploy from development to production in a manner of minutes
- Define Roles and Permissions
- Keep your data safe
- Optimize your API with private fields
- Use Custom Controllers and Services for optimal functionality
- Upload Files Effortlessly
- Send Emails in one line of code
Watch Online The Complete Strapi Course - with plugins and deployment
# | Title | Duration |
---|---|---|
1 | Course teaser | 03:34 |
2 | Course structure: optimize your learning path | 03:11 |
3 | What is Strapi | 06:32 |
4 | Course Project: an overview | 05:03 |
5 | Install and manage NodeJs with NVM | 06:18 |
6 | Creating the Strapi project | 02:06 |
7 | More on Strapi installation | 01:22 |
8 | How to use Typescript (optional) | 07:56 |
9 | Admin panel: users, roles and initial tour | 08:57 |
10 | How to update Strapi | 03:43 |
11 | Content types: an introduction | 03:27 |
12 | Data fields | 04:53 |
13 | Adding fields to a content type | 04:41 |
14 | Creating the Tag collection type | 01:14 |
15 | Relation fields | 08:39 |
16 | Components | 08:46 |
17 | Using the Content Manager | 08:00 |
18 | Creating Service and Course content types | 03:09 |
19 | Creating a single content type | 09:50 |
20 | Creating a component for Posts Selection | 03:30 |
21 | Creating a dynamic zone | 05:17 |
22 | Creating the Home Page content entry | 04:52 |
23 | Fixing the Home Page | 03:44 |
24 | Creating a global configuration type | 05:42 |
25 | Creating Header and Footer types | 03:40 |
26 | SEO and page challenge | 03:05 |
27 | Finishing the blog application | 07:54 |
28 | Strapi architecture: generated code overview | 06:16 |
29 | Install some tools | 01:10 |
30 | Performing public API operations | 06:15 |
31 | Authentication & Authorization: the theory | 05:41 |
32 | Performing User Authentication via API | 06:15 |
33 | Performing our first authenticated operation | 02:36 |
34 | API tokens | 02:01 |
35 | CRUD operations on Collection Types | 06:03 |
36 | CRUD operations on Single Types | 04:37 |
37 | API parameters: an introduction | 03:44 |
38 | Sort the API response | 03:02 |
39 | Filter your API responses | 03:05 |
40 | Populate your API responses with relations and more | 06:45 |
41 | Select fields for your API responses | 01:34 |
42 | Paginate through content via API | 02:37 |
43 | Deal with draft content via API | 02:13 |
44 | Installing the GraphQL plugin | 03:46 |
45 | GraphQL queries on public data | 07:00 |
46 | User Authentication with GraphQL | 03:59 |
47 | First authenticated GraphQL query | 02:20 |
48 | Getting nested components via GraphQL | 03:22 |
49 | Getting dynamic zones via GraphQL | 04:21 |
50 | GraphQL Mutations | 06:12 |
51 | GraphQL operators | 06:24 |
52 | Customizing Strapi: what we’ll build | 01:34 |
53 | Strapi architecture: an overview | 04:57 |
54 | Request and Response | 04:10 |
55 | Data models and APIs | 06:59 |
56 | Lifecycle hooks | 04:12 |
57 | Configuring core routes | 05:55 |
58 | Creating custom routes | 03:08 |
59 | Policies | 13:45 |
60 | The Strapi object | 04:25 |
61 | Middleware | 09:14 |
62 | Controllers: creating custom controllers | 08:56 |
63 | Controllers: extending core controllers | 04:02 |
64 | Controllers: replacing core controllers | 07:07 |
65 | Services | 11:38 |
66 | Entity Service and Query Engine APIs | 06:00 |
67 | Premium posts: introduction | 07:03 |
68 | Premium posts: solution 1 | 05:39 |
69 | Premium posts: solution 2 | 17:30 |
70 | Premium posts: solution 3 | 07:12 |
71 | Premium posts: the findOne controller | 08:21 |
72 | Post likes: part 1 | 11:22 |
73 | Post likes: part 2 | 14:13 |
74 | Lifecycle hooks: the theory | 02:57 |
75 | Lifecycle hooks exercise: part 1 (challenge) | 06:06 |
76 | Lifecycle hooks exercise: part 2 (challenge solution) | 02:49 |
77 | Lifecycle hooks exercise: part 3 (first programmatic hook) | 16:08 |
78 | Lifecycle hooks exercise: part 4 (second programmatic hook) | 06:24 |
79 | Lifecycle hooks exercise: part 5 (declarative hook) | 12:01 |
80 | Webhooks: an overview | 04:32 |
81 | The GraphQL plugin and how it works | 03:31 |
82 | Customizing the GraphQL CRUD operations | 05:39 |
83 | Extensions: Nexus vs GraphQL SDL | 02:56 |
84 | Extending the schema (custom mutation) | 04:34 |
85 | Creating a custom resolver | 09:00 |
86 | Applying an auth scope to GraphQL operations | 07:13 |
87 | Shaping a GraphQL response | 06:05 |
88 | Reorganizing GraphQL extension code | 05:06 |
89 | Admin Panel Configuration: introduction | 01:41 |
90 | Admin server configurations | 06:25 |
91 | Admin panel translations | 05:10 |
92 | Changing admin logos and more | 04:33 |
93 | Changing admin color scheme | 05:06 |
94 | Introducing our Strapi plugin “Github Projects” | 07:37 |
95 | Creating and activating a plugin | 04:05 |
96 | Integrating the third-party Github API | 04:28 |
97 | Plugin route, controller and service | 07:29 |
98 | Fetching data from the Github API | 04:50 |
99 | Adapting the API response | 08:09 |
100 | Creating the Project content type | 09:43 |
101 | Creating a test Project | 02:55 |
102 | Fetching related projects | 05:53 |
103 | Dealing with markdown content | 03:20 |
104 | Admin panel: plugin icon and first component | 04:35 |
105 | The Strapi design system | 06:46 |
106 | Fetching data from the admin panel | 08:37 |
107 | Showing data in a table | 05:48 |
108 | Setting up the action icons | 03:56 |
109 | Implementing the checkbox logic | 13:08 |
110 | Applying the proper auth policy to our route | 01:51 |
111 | Generating a single project | 14:09 |
112 | Providing UI feedback to the admin user | 15:30 |
113 | Deleting a project | 10:03 |
114 | Showing a confirmation dialog before deleting | 12:55 |
115 | Showing buttons for bulk actions | 13:31 |
116 | Creating projects in bulk | 17:13 |
117 | Deleting projects in bulk | 13:47 |
118 | Admin RBAC: update premise | 01:27 |
119 | Admin RBAC: restricting plugin use to specific roles | 11:25 |
120 | Admin RBAC: restricting routes to specific roles | 10:22 |
121 | Fixing error handling | 06:13 |
122 | Exposing projects with public routes | 08:29 |
123 | Plugin localization | 08:19 |
124 | Extract the plugin as a separate package | 06:22 |
125 | Publish the plugin to npm registry | 02:51 |
126 | Install the plugin as a dependency (and publish to the Strapi Market) | 03:28 |
127 | Introduction to deployment | 02:22 |
128 | Creating a Github repo for our project | 01:23 |
129 | Deployment architectures: an overview | 04:53 |
130 | Environment configurations | 04:30 |
131 | Database creation and configuration | 09:08 |
132 | Server configuration | 10:20 |
133 | Admin configuration | 05:36 |
134 | First Strapi deployment | 14:03 |
135 | Configure the email plugin | 12:36 |
136 | Configure an external upload provider (Cloudinary) | 08:37 |
137 | Configure a custom domain | 07:49 |
138 | Deploying admin as a static site: configuration | 08:29 |
139 | Deploying admin as a static site: creating the site | 05:37 |
140 | Make absolute admin URLs work | 08:31 |
141 | Infrastructure as Code: Make your Strapi deployment reusable [Optional] | 13:30 |
142 | Bonus Frontend course get in touch | 01:45 |