Let's Checkout...

In this episode we are going to take a look at a #headless #CMS called Strapi.
If you have been following my channel or website lately you could see that there are a lot of series where we use CMSs like WordPress or October CMS to create the data store and administration for our our frontend applications. This is an okay approach, but this means that we are not using most of the functionalities of those systems, like their frontend systems, because we create the frontend ourselves, using technologies like Vue or Svelte.
So wouldn't it be great if we used a CMS that is actually made for this type of usage. There are a few on the market, and they are usually sold as a service. However Strapi is fully open sourced, self hosted CMS for this exact purpose. And we are going to check it out in this episode.
You can support my work on Patreon
/ watchlearn
Follow me on Social Media
Github: github.com/iva...
Twitter: / ivan_doric
Instagram: / ivan_doric
Facebook: / watchlearntutorials

[@exgaiden]

If you get 404, make sure you've published on the new version (with drafts on) lol. You also need to put /api/movies now in new version.

[@rosselliot8971]

Thanks, Ivan. Strapi is a powerful alternative to Wordpress and I urge you to make an entire series. I would like to see more about setting up authentication, and frontend user login and content creation. Also how to alter the functionality of Strapi in the backend code.

[@WatchandLearnTutorials]

Maybe I'll make a series about it, people seem to like it. Thanks for suggestion.

[@Filipinjo]

I've been using strapi for over 6 months... It's awesome!

[@vkray]

Filipinjo I also started from last week.

[@Nekoeye]

I have been using strapi for a month now. I wanted to request it on your channel to create a series with user authentication from Vue front end. Just saw this video. ♥️

[@WatchandLearnTutorials]

There will definitely be some Strapi content on the channel with authentication, but the framework of choice this year will probably mostly be React. But things like auth are very similar for any framework so stay tuned for that.

[@belugabibletranslations8594]

Bravo majstore

[@WatchandLearnTutorials]

Hvala :)

[@DineshkumarPuli]

Thank you Ivan, just got to know about your channel! starting to learn NextJS and Strapi. Thank you for the very niche content! It is really helpful.

[@DineshkumarPuli]

Btw, Already subscribed!

[@vladyslavbondarenko4838]

Go on! Interesting topic!

[@capuche777]

Its control panel remembers me Django Admin Panel but friendlier, I'll try to develop a comercial app with strapi, thanks a lot

[@Sahnas]

Awesome video! Merry Christmas!

[@WatchandLearnTutorials]

Merry Christmas to you too :)

[@enzocodes]

Nice video man! Very well explained.

[@blinksy182]

Very nice instrument, interesting how nuxt.js (or similar) could work with strapi. Hope you will try to make a video series about application with strapi. Maybe strapi will replace October/WP for backend in near feature. Nuxt/next front with strapi back seems to be very nice.

[@WatchandLearnTutorials]

That's the idea, yes. There will be a series covering this or something very similar, but Next will definitely be involved.

[@blinksy182]

@Watch and Learn What instrument for ssr application would you suggest to use with Strapi: Sapper / Nuxt / Next? I tend to use Svelte/Sapper for new application, but i'm not sure... I don't like react, but market wants it. I started to learn vue, but then i found your series about svelte/sapper and now i'm confused, Vue, React or Svelte / Nuxt, Next or Sapper :)

[@WatchandLearnTutorials]

​@@blinksy182 Well you can use whatever you want, but if you want to be marketable I would suggest Next/React, because it's the most popular ATM.

[@Nikki-os2df]

Looks interesting.

[@hamzakhattabi9251]

WOW !

[@matscornegoor9449]

Strapi is awesome! Thanks for your tutorials. Did you also try Directus? Its a php based cms with a somewhat similar approach as Strapi

[@WatchandLearnTutorials]

Nope, never heard of it. Sorry. I will check it out.

[@petarblazevic397]

Is it possible to build calendar for property rentals, like apartments, rooms, holiday homes in strapi? And export it to ical?

[@WatchandLearnTutorials]

Probably... however I don't think you could do it just by clicking in Strapi admin, some custom coding would have to be involved.

[@anmolagarwal5952]

If I want more control then should I use October CMS or Strapi CMS? And which one is faster? I think Strapi because October uses PHP & MySQL. And thanks for all the content you post

[@WatchandLearnTutorials]

Depends on what you need to do. Strapi doesn't give you a frontend, it just creates the API from your data. While October has many plugins, it can also create APIs and has it's own theming system. And because it's written in PHP you can deploy it much easier than Strapi, to more or less any shared hosting, while you can't do that with Strapi. Also I don't know what you mean by faster -- faster in what? PHP 7.x is pretty fast.

[@anmolagarwal5952]

@@WatchandLearnTutorials I want to make a blog that is much more than just a blog Thanks, I got my answer October CMS it is👍

[@moshemo613]

Very nice introduction -- thanks. I personally would love to see one series on Gatsby and Strapi and another one of Next.JS and strapi. Also - have you heard of Sanity.io? It's also a headless cms that is rather popular these days. It would be nice, if possible, to do a comparison between the two of them. Either way, thanks for the video and I look forward to seeing a series on Strapi.

[@WatchandLearnTutorials]

Ok so, since I'm going to be doing more React content next year, I'm almost 100% sure that there will be a series about Next and Strapi (or maybe even Sanity if it's better than Strapi) ... And I will definitely check out Sanity. Thanks for the suggestion. As for Gatsby.... we'll see :)

[@moshemo613]

@@WatchandLearnTutorials Sounds good -- and looking forward. By the way, you may be interested in this site (if you don't already know about it): headlesscms.org/ As you can see, strapi is one of (if not the) most popular headless cms solutions available (at least in terms of github stars).

[@WatchandLearnTutorials]

@@moshemo613 Thanks for the link. I didn't know about this page.

[@rajadking]

Thanks for the great video series on Gatsby! Quality stuff it, I'm totally loving it. I know understand using WordPress vs Strapi along with Gatsby. Is Strapi good for a static site with 3 pages and blog posts (around 100 posts).? Also, how difficult is it to automate the building/deployment process.?

[@WatchandLearnTutorials]

Strapi would be good for that, yes. As for the automation, I look at it this way, Strapi should be somewhere online, on some hosting. So you don't have to automate it. It is used only for storing the information that you wanna display in your frontend app. So the only thing you need to automate is your actual app. Because Strapi is just your API, and you don't need to build it. And if you are using something like Svelte, Vue or React, you could easily automate deployment of your frontend app with Zeit Now. kzbin.info/www/bejne/hXechp6uebSGf6s

[@aseel1024]

thank u! very helpful 👍 can I use Strapi for my next client's projects for example E-commerce sites! is it stable for production?

[@WatchandLearnTutorials]

It is stable for production - yes! But making an E-commerce site... I don't know. Try defining all of the features that you would be needing first, find out if Strapi has them, or if you can extend it to add that functionality. Don't rush into it :)

[@aseel1024]

@@WatchandLearnTutorials thx!

[@marcosbernabe3561]

Thanks so much for your tutorials. I have read your description a few times and I dont fully understand the meaning of this: "If you have been following my channel or website lately you could see that there are a lot of series where we use CMSs like WordPress or October CMS to create the data store and administration for our our frontend applications. This is an okay approach, but this means that we are not using most of the functionalities of those systems, like their frontend systems, because we create the frontend ourselves, using technologies like Vue or Svelte." I feel a bit frustrated ¿What would be in other words the advantage of this CMS? Thank you!

[@WatchandLearnTutorials]

Well the advantage is that you don't have the overhead of things like themes, widgets and other frontend systems. Because what we really want to use is just the REST API data, and Strapi gives us just that, without all that other stuff that we don't need.Of course Strapi is only good if you are developing your app or website in a decoupled (or headless) way. If you want to make a traditional website then Strapi would not be good for that at all.

[@marcosbernabe3561]

@@WatchandLearnTutorials thanks a lot and happy new year!

[@WatchandLearnTutorials]

@@marcosbernabe3561 You too man! :)

[@huuduoc1908]

hi sir, I have followed your video. but I cannot see roles and permissions in panel. have you ever got that problem? thanks for your sharing.

[@WatchandLearnTutorials]

I did not, sorry.

[@milindsoorya5870]

try two things : 1) go to roles and make yourself a super user by checking everything 2) login again

[@huuduoc1908]

@@milindsoorya5870 thank you, i've solved it before ^^

[@AmitKumar-qv2or]

Hi bro, marry Christmas, i have two questions *First* does strapi url endpoint query defers from wordpress? *Second* can we use sapper to build wordpress themes?

[@WatchandLearnTutorials]

Hey, marry Christmas to you too. I'm not sure what you mean by the first question. Can you please explain it in a bit more detail? As for the second one... well.. no, Strapi has nothing to do with WP.

[@duARTstudioChannel]

Hi, I need to move my blog from Drupal to something more easy to maintain, which this technologies do you you advice me to choose: Strapi + Nextjs or October?

[@WatchandLearnTutorials]

Use whatever you feel comfortable with. My site for example is just pure October. But when I get the chance I will use October just as a backend and the frontend will be on Next.js

[@duARTstudioChannel]

@@WatchandLearnTutorials thank you. there are so many tools and i have so little time :)

[@WatchandLearnTutorials]

@@duARTstudioChannel Well look, if you need to just get your blog online, and that is only thing you are interested in, then just go with WordPress. But if you wanna play with it a bit use backend + frontend framework paradigme.

[@benzflynn]

14:00 . . . A what plugin ? I can't make out the words, man. Also, you will only get a nice JSON layout like yours with Chrome if you have JSON Formatter extension installed. But seeing a screenful of JSON is no use of course. This data has to be JavaScripted into whichever webpage that it belongs in either on page load or after certain user actions, e.g. selecting all movies or actors available in the MoviesDB. Question: After creating this basic backend in 15 minutes - how do we re-enter it some other day so we can flesh it out more and connect it to a frontend ? I see an index.html but see no app.js, i.e. the main JS file to start a Node.js app. EDIT: . . . a GraphQL plugin ? That would fit the bill.

[@WatchandLearnTutorials]

Strapi just gives you the data, you have to take care of the frontend yourself. You can use whatever you like for that (React/Vue/Vanilla/Svelte) etc. And it can even be totally decoupled from Strapi, even on another server.

[@benzflynn]

@@WatchandLearnTutorials Doesn't answer the question as to how to re-enter the Admin Panel and connect to the front end pages.

[@WatchandLearnTutorials]

@@benzflynn I'm not sure I understand the question, what do you mean by "re-enter Admin Panel"? You connect to fronted via either some JavaScript framework, or vanilla JS, or from your mobile app. Depends on what you are doing, Strapi doesn't have frontend by itself, you have to code it yourself.

[@benzflynn]

@@WatchandLearnTutorials Christ, we know Strapi is headless. That's why many of us like it, apart from it being Node.js based. Can you understand why someone might want to add (or remove unused) content at later times? If not, stop this dialogue right now! If you can, please read ahead. Editing content only be done if you can access the Strapi user interface that was used to add the initial content categories and items. That is what I mean by "re-entering Admin Panel". Look at 2:26 in the video. It looks like you navigate to localhost:1337/admin/auth/?login?