Strapi.js Crash Course | Headless CMS

In this video we will look at the Strapi headless CMS and create a REST API with JWT authentication all from the admin area of Strapi
Strapi Website:
strapi.io
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Course Links:
www.traversyme...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia

[@TraversyMedia]

Just think of the code you would have to write just for a REST API with relationships, JWT authentication, roles, error handling and so much more. We do it all here from a GUI. There are pros and cons to using a CMS vs custom code, but Strapi is also easy to customize if needed. Awesome technology. And no this is not sponsored, it is just something I think is amazing

[@anirudhagandhare6294]

That is something i was Searching for 😅

[@codewithhanoak]

Nice.

[@_Monimal]

That is very awesome piece of software and a good way to create simple REST APIs also for Frontend-Developers :) Thank you for your good videos!!

[@khandoor7228]

I found Strapi about 2 weeks ago and love it. Great timing from you Brad I was going to spend this weekend doing a deep dive. Thanks!

[@kirin9991]

legend

[@markofreethrow8474]

Apart from being an amazing teacher - eloquent, down-to-earth and comprehensive without being overwhelming, I am constantly impressed by your choices of pieces of technology that you decide to present. Constantly building up relevant and up to date skills. Keep it going man!

[@TraversyMedia]

Thanks man, I appreciate it

[@JackSparrah]

I love how whenever I'm researching some new technology and want to learn more about it, Brad already has a crash course video made, and it's always at the top of the search results and happens to be fairly recent too. This has happened a few times now, but it still amazes me every time. Thank you Brad!!

[@eduriseworld]

Coming up with Technologies we have never heard of. Wow.

[@thakurbhanupratap2613]

That's what we love about Traversy Media

[@TraversyMedia]

This is one of the coolest things I have come across lately. What we did in this video from the GUI, would take hours to code from scratch.

[@eduriseworld]

@@TraversyMedia I can totally relate. Things are getting so simpler these days. I remember in 2017 when I was learning CSS by myself no body told me about Bootstrap and I ended up creating the complete Navbar with dropdown with pure HTML and CSS. I put in more than 10 hours to do that. As I was pretty new to programming.

[@universal4334]

@@eduriseworld now I am in the same position where you had in 2017 ....just recently I heard all these things like WordPress , wordflow ......and myself raising questions, why to code from scratch rather than using wordflow , wordpress ....could you please let me know why to code rather than using these ....

[@akhilthakur251]

@@universal4334 see it's depends on project to project. WordPress will give you certain level of customization. But if you are at intial stage of your career I would recommend start from scratch.It will help you to understand the core concepts. In WordPress try to create post type with plugin kind of stuff you can learn.

[@arslanali774]

whenever i want to quick start a technology, i come to this channel and i get the required knowledge to get started with it. thanks man.

[@ryanpeterson9562]

Brad, your courses helped get me a job last year and your videos are helping me help push the agency I work for forward. Thanks for all of your work, I'm happy to buy any course you put out in the future.

[@limitless4766]

which of his courses?

[@muhammadayub1929]

This video just released at the perfect time as I recently began working with Strapi at work to create RESP API's!

[@vkray]

Suhaib Ayub Good choice. I’ve been working on Strapi from last 3 months.

[@exactzero]

Perfect timing. I've actually recently just deployed a web app with Strapi to handle the backend and content management. It was a breeze to set up. Saved me a lot of time and allowed me to focus on the frontend (React).

[@exactzero]

@Reynaldo Once you're done developing, make sure to set the proper server configurations under the config/environments/production. Push your changes to Github then pull your Strapi app from your server, run npm install and then npm start. You can also use PM2 to keep your Strapi server alive and restart automatically if it crashes or your system reboots. Check out the official documentation for a proper deployment guide: strapi.io/documentation/3.0.0-beta.x/getting-started/deployment.html#deployment

[@exactzero]

@neil u Yes, you can certainly use Strapi. Strapi is just a GUI way of setting up your API which can be consumed by any client such as a web apps or mobile apps.

[@aswadali7547]

Oh my god! How is this even possible? Just a few days ago I searched your channel for a tutorial on Strapi and just now you released that very tutorial, you definitely have a secret technique up your sleeves. Sir Brad, you are the best.

[@davidnichol4735]

I just finished up building my first MERN CRUD API, and now I never have to suffer through that again. These are happy tears. Edit: Build a project with react!!

[@vkray]

Nice job. Mongodb is using less in real-time projects. Try to learn Postgres. Mongodb sucks for relationships.

[@OzzyTheGiant]

Haha, you shouldn't have to feel that way when building an API. It's honestly not that hard, just takes some experience and getting used to. After a while, you'll know how to build routes, set up and configure the database, create the queries needed for your app, and convert them to JSON, not just for Node.js but for any programming language.

[@christophsinging]

About a week now I dive into frontend development and headless cms. As a wordpress coder everything I have learned in this time so far is an enlightenment, also this introduction to strapi headless cms. My excitement grows more and more watching so clearly presented tutorials. Thanks a lot! :-)

[@pioleonardo]

I am a Stimulsoft Reports developer and I decided to try learning Strapi and choose Brad Traversy video to learn from it. Thanks Brad. You are awesome!

[@dunzek943]

I'm blown away. Before I only knew Vue.js, but as if Strapi.js wasn't enough I also got introduced to Postman. Wow.

[@andrewbrstein]

You do not know how much I love the fact that you just uploaded this. I literally only watch your tutorials and walkthroughs over anyone else. Great work my friend! 🙏

[@M4CARBINE556]

Great video Brad! This is exactly what I was looking for. I'm a new freelance web developer and this is a great way to add backend functionality to sites for clients without having to write tones of code every time. I'd love to see a video on connecting Strapi to a React app.

[@patricktobias4232]

Been using this framework for the past few months now and the experience is really great! You get to deploy features really fast due to the vast features you can use.

[@DanielScottFilms]

Just booted up my very first install of Strapi and I instanstantly knew this is going to be a huge tool for my workflow. Thanks for sharing!

[@paulhitchmough]

*Strapi Version 4* For anyone watching this video, you may be surprised by the differences between Version 3 used in this video, and Version 4 that would be installed if you followed this guide. Amazing guide still, and enough to help a seasoned coder understand Strapi and its strengths, but it took quite a bit of looking through the Documentation to work out where certain things were, and how to access other features.

[@keithrussel]

I'm having a hard time to install the version 4. After the installation the admin page resulting in a blank page only.

[@terjechristensen1733]

Great video. Started using strapi last week. Your video is the best intro I have seen about strapi so far. Thank you.

[@bharathravi7820]

I had been behind Strapi right after the alpha version released. It's so much joy that the product is finally getting the space it deserves. I hope this will inspire many to try it out, amazing work by you like always! Thanks!

[@jatinkukreja18]

Bharath Ravi Hey did you find any success in deploying it on a live site?

[@pixchcn3773]

Amazing timing! Just earlier today I added "learn headless CMS, like Strapi" to my agenda, and BAM!! Travis is coming out with a tutorial the SAME DAY!! lol

[@AccessCode101]

Same here. I actually learned a little bit from the documentation first, last month. But failed miserably at getting data to my front end.

[@ameetshrestha6424]

Strapi surely is amazing. It has been a couple of days since I started learning Strapi. I was relying on its documentation and was searching for a latest tutorial video for this headless CMS. And then notification popped up from your channel for this crash course. More than a happy. Thank you so much. Keep up your good work.

[@chriscarton4728]

For those who struggle with the ROLES & PERMISSIONS plugin, it's now located at SETTINGS->USERS & PERMISSIONS PLUGIN->ROLES (then you have to click on "Authenticated" or "Public" and set the permissions below).

[@hotleg777]

thank you!

[@parrisgjerde9212]

As one who’s been scratching their head on (headless) CMS systems, this Strapi overview was fantastic, thanks!

[@paalwilliams4169]

Thanks for making this! I've been following Strapi for a while and have been wishing more people made tutorials about it. Stoked to watch.

[@dutchman55]

Hey I learned to code from you like 5 years ago... I am the SME for Strapi at my company (the largest retailer in the US), it’s a really nice tool! It’s seeing more and more use in the industry and I’m super excited to see you covering it!!

[@Sillyvan]

i absolutely love this. i thought about making a own webshop and this literally has all the functionality i wanted. this saves me ALOT of time

[@feminist098]

This tool is so good, that I am afraid of losing my backend dev job to a front desk guy.

[@MrDKdeka]

Not going to happen any time soon. Check out this video from 10+ year senior web dev comparing Strapi vs Nodejs Firebase: kzbin.info/www/bejne/l4LLdXmEa5mMqLM

[@rickvian]

no way, i doubt front desk guy can even save file as .js

[@abhishekkumawat8353]

@@rickvian React guys do that all the time?

[@abhishekkumawat8353]

Learn Loopback4 💪🏻

[@feminist098]

@@MrDKdeka wow.

[@TechnicalAhmed]

Thank you Brad, thank you so much for giving us the precious content and helping us in building our career and future. We love you ♥️

[@chrisjones469]

I was looking for React performance with a CMS to make life easier for clients. I could use Wordpress in a similar way, but I'm not a huge fan, for a variety of reasons. This is right up my alley! Thanks again for another great tutorial!

[@lardosian]

I really dislike using wordpress, just feels weird, much prefer React way of building stuff!

[@kefamutuma6516]

I just learnt about strapi from scoth.io and wondered why no one had made a tut about this. Well done sir, Always ahead of the game.

[@mdsadiqurrahman9786]

Headless CMS is amazing. There are some services out there that provide serverless and headless CMS, but I believe most would not feel very comfortable to put a middleman into their application. But strapi is solving that. They give you the dashboard and let you do however you want to manage it. Thanks for the effort 👍

[@tshawchit]

I installed strapi a week ago, and was busy to check out it's features. Thanks Brad :D

[@luximperium4164]

I commented a few weeks ago on here when I first was learning this. Now I've made a full website with this as the back end for my mom to use to easily change the content on her site. It's easy to use for those who don't know anything about coding, but can easily use things like social media. Highly recommend to those handing off websites to people who don't know code.

[@shubhpratapsingh1794]

hey man i have some doubts regarding the deployment...can I contact u somehow...?

[@KJMacoustic]

This tech just blew my mind! Thank you so much for making this video!!

[@genehenson8851]

Every time that I want to try something new, Traversy Media has me covered with a crash course. Thanks for the work brother.

[@Vue-daigle]

This Strapi.js is what we've been looking for years now ! Can't wait for the next video ... Thank you Brad :D

[@pacera3066]

I tried learning strapi the other month and had some trouble! Amazing timing with this video and headless CMS!!!

[@desmondbutler669]

I've been watching this product for a while now; very impressed with it. Would love to see a full-stack example that includes deployment, with ssl on both front/back-ends. I think it would also be nice to explore admin customization, to include perhaps a widget-based dashboard (since strapi react based)

[@scootergirl3662]

This is easily the quality of videos from pluralsight and such. Thanks so much for making this! It is also one of the few things I have found that has done well teaching me how to create an api as an absolute beginner.

[@kunalmahajan7761]

I'm just here to appreciate your hardwork and smart work! Thank you for everything!

[@jesusidev]

I just launched an API with strapi and digital ocean. Was a pain but the tutorial help on strapi. Great video.

[@Adam-gp3ij]

Thank you so much for having you! I appreciate every second you spend for us

[@guiltygreen]

Super helpful, thank you so much for this video! Really broke it down into easy to understand bits. I've watched a few Strapi tutorials now, and I think yours is the best.

[@edenr1988]

Awesome preview, I really enjoy watching your tutorials, you makes things very clear and simple! Thank you for sharing this!😄

[@followcasper9552]

Thanks Brad for a nice video. Remember to publish your collection types.. else you get an empty array [ ]. Roles is now under Settings "User & Permission plugin". 20-01-2021.

[@rubinelezi7133]

This tool does my 99% backend job

[@beastgaming1772]

I just bought two of your courses javascript and react man you're amazing

[@НиколайСладкий-н4к]

Strapi is great technology! I using it since 2018 and have a lot of projects in production. I can recommend it!

[@StanielBG]

Very nice Crash Course! I also started using Strapi and i'm very happy with it. It's awesome for people without much Back-end knowledge.

[@sunilanthony17]

This is pretty good. I always build my backend with .net core but this gives me options to work faster.

[@wovasteengova]

have you used it yet? How do you like it?

[@fluntimes]

I've been wanting to learn Strapi ever since I started learning Gatsby in the past few months. Thanks Brad.

[@rahulkuulsingh]

Last week I found strapi, installed it, used it for a while, deployed it on heroku. But I needed a tutorial that goes deep. I am happy that Traversy has uploaded one. Thanks.

[@daheck81]

This doesn’t go deep at all tho. It's basically just a preview

[@abbasloda1]

Dude your content is awesome. You are giving for free what could have made you thousands of dollars. Thank you I leaned a lot from your tutorials. You always make an effort to do a little more than most.

[@ApurvKhare]

I am wanting to explore Strapi since sometime and boom Brad got me covered. Thanks Brad 😊

[@said8101]

Brad the teachers Teacher !! Just wanna thank you for your work, really appreciate it. You’re a Genius. Hope to get at least half as good as you in coding one day

[@kendallhayes4917]

This is gold. Thank you so much for making a headless CMS so easy to learn how to use.

[@MaximeCHEVASSON]

Great video, I wanted to dug into Headless CMS for a while, and it saved me some time. + Very clear & great examples. Thanks a lot !

[@fredplankshe]

GG Brad! I found out about this thing because of you. It is awesome. I'm glad that I did your crash course on node and express.. so customizing something like this is pretty easy. Your doing good bud. Thanks!!

[@SFDCFacts]

This is amazing. Quick and easy way to setup backend apis.

[@themineworkers4026]

and i was just googling this a couple of days ago thanks a bunch man

[@shineymcshine]

hahh i've been learning about it for the last few days, now I see this. always great to see these things get more publicity - now do AlpineJS!

[@DanielGomez-kx9ov]

I'd been waiting so long for this... Brad, you're the best instructor. The best.

[@bliggode]

outstanding video. quick and good examples explaining the details.

[@marlonberdefy3133]

I don't get why people dislike videos like that. Great tutorial!

[@riexrickgaming]

JUST ABOUT LOOKING FOR CMS, THIS GOT RECOMMENDED, YOU ARE THE BEST

[@amirhosseinkhurizadeh8920]

Brad always on time, I was looking for a tutorial on Strapi.js. Thx Brad.

[@reginaborgno1521]

Thank you so much Brad!! I was looking for something like this!! You're always bringing us the best stuff!!

[@rawrbearmedia1426]

Looking forward to a full app build with Strapi! Great video as always, Brad!

[@leslie7922]

I've been wanting a decent open source headless CMS tutorial. Thanks for this I'll follow it through later today. Dropping a like now though :)

[@thanapongangkha1417]

Even tho I have no idea what this library is about yet but thanks for it anyway. Stay safe Brad!

[@gitstray6019]

Thank you very much for creating this - I'm was wondering if you would do an example on how to interact Strapi with React. Then how to deploy React to a server. What are the best settings and best areas to host these sites. I've been watching your videos for a while. I really appreciate you doing these and how thorough you are.

[@muzafferhassan]

Thanks for the short but effective video on Starpi

[@rubialalom]

This is exactly what I was looking for. Thank you so much. 🙏🙏

[@NeverCodeAlone]

very nice overview - thx for your passion my friend!!

[@The2233AHMED]

thank you so much Travis, amazing like always, I would love to watch a full-stack course with Strapi.js and React.js.

[@shalomberkohn4581]

😍 Thank You, Your videos are liberating!

[@ThatGuyAnonymous]

Strapi is truly amazing, it saves a lot of time. Great video man 👌

[@wovasteengova]

Im almost done with my express app and of course i run into this new technology now. LOL. I can't decide if i should use it or finish the app😂😂

[@NerdyKatsChannel]

Yessssss!!!! I have been waiting for you to do this!!! So awesome 😎

[@SaiPravesh]

Great tech, headless CMS is now becoming so popular with frontend javascript libraries in every project. Looking forward to see a full stack app with Strapi and react from you.

[@ThomasPoth]

Guy, you made my day 👍😎😎 This stuff is so awesome i can't tell. It's so damn easy to get started in minutes. Thx

[@cheynesaccount]

Thank you my dude. Been having trouble with the docs, this is very clear.

[@anirudhagandhare6294]

Hey man, You are doing great job... I learned web just because of you

[@gabrielgutierrez641]

Thank you for this crash course. I think it'll change my developer life!

[@dalestewart]

Excellent introduction to Strapi.js crash course. Thanks

[@alexeilevinzon2916]

Thanks Brad, no words! great as always, glad to learn new technologies :)

[@lyqht]

This is a really great introduction to strapi! Thank you for this crash course :D

[@ivanskubko9177]

Strapi is awesome, no doubt. Saved so much time for me. And their GraphQL plugin makes life even more easier - do not neglect it if you'll use Strapi

[@kirin9991]

i was looking at this a few days before, but lazy to look at the docs thanks!

[@santosjuniormartemarte8928]

Surely you don't have a community that makes you aware of all those great projects? you are great i like it.

[@giannistek1]

Just posting this for myself 8:00 GET Request 13:22 POST Login Request

[@EthanG298]

this seems a lot better than the WordPress headless cms

[@accimeesterlin]

Always providing some great content

[@axaysushir]

That's very useful for make auth api, I am looking for CMS system in JS and that's it. Very good video. This is like Magento in PHP.

[@donphelix5266]

How do you do it, Brad? What drives you to make this super cool videos? How do you normally plan yourself, man? How was your first video on youtube? Were you having some chills in your heart? I am just curious bro.

[@BBI-Brandboost]

Some more great technical insight. Keep up the good work.

[@wasimkabir4398]

Strapi and Nuxt (or Quasar) please. It'll be a great help. Thanks for these crash courses.

[@ivankazadaiev467]

Thanx for a great tutorial! Clear and concise!

[@okyanusozsahin3439]

Thanks Brad! I didn't know this CMS. But it looks great for an api.