Sanity.io Crash Course | Headless CMS

Рет қаралды 137,060

3 жыл бұрын

Spend 20 minutes learning to quickly set up your next content backend with Sanity.io. We'll run Sanity Studio, an open-source headless CMS that connects to a hosted real-time datastore. Learn how to customize fields and content types, and how to query for data. By the end you should be ready to power content in React, Vue or any other framework!
Kapehe's Social Links:
Twitter: / kapehe_ok
KZfaq: / kapehe
Website: kapehe.io
More on Sanity
www.sanity.io/

Пікірлер: 231

@Kapehe 3 жыл бұрын

Let me know if any of you have questions. There's a lot more to Sanity beyond this video! 🙈 Thank you so much for watching, I really appreciate it!

@kenyaseemenow 3 жыл бұрын

Good video thank you!

@nicodemusngufuli3646 3 жыл бұрын

Is sanity equivalent for Gatsby?

@ridl27 3 жыл бұрын

ty Kapehe. I have only one question: whats your favorite anime ? :D

@rodrigoconti1264 3 жыл бұрын

I had problems installing the sanity on my Ubuntu 20.04, do someone know an article to help me?(excuse me for my poor english.)

@VikasJo 3 жыл бұрын

Very informative video, but i have a problem with installation. i install sanity, but other commands like sanity start, sanity init not working, Bash: commant not found. NodeJs, npm with the latest updates. can you help me figure out what to do,? :) i can create a project, but cant login .

@TraversyMedia 3 жыл бұрын

Kapehe also did a complete React & Sanity portfolio website - kzfaq.info/get/bejne/hLVnks2Y37zLkpc.html

@siddhartharoy5263 3 жыл бұрын

Brad sir, Thanks :)

@sidheshwartiwari9834 3 жыл бұрын

Have a nice evening Brad! I want to be as calm as you in life 🤩

@Kevthedev00 3 жыл бұрын

This is awesome! Great job Kapehe...haven't seen you before. I will sub to your channel.

@andrewiglinski148 3 жыл бұрын

Brad dude... I miss the content you produced, but we need more like her on the Traversy team. As good as Dev.ed and the others are, we need some estrogen every now and then.

@sidheshwartiwari9834 3 жыл бұрын

@@andrewiglinski148 lol

@chiragkhandelwal9178 3 жыл бұрын

Since this channel is now becoming next freecodecamp i would love to see some videos on data structures and algorithms

@johnnycincocero 3 жыл бұрын

^^^THIS!

@Mohit-il9gx 3 жыл бұрын

Yea ASAP....!!!!!

@panomapet9441 3 жыл бұрын

yes please. A playlist for Data Structures and Algorithms either in JS or Python

@11vag 3 жыл бұрын

LOL. You've got a point tho.

@RodasAPCTV 3 жыл бұрын

We could use some more intermediate content on youtube. I guess that doesn't appeal to as many people as the beginner crash courses.

@linccodes 3 жыл бұрын

I love her enthusiasm.... She's making the Course even more interesting 😊😊😊

@alanflynn3612 3 жыл бұрын

When I saw Kapehes channel with her Git explanations, I thought straight away she would be a great addition to Traversy, good spotting Brad

@human_error1 2 жыл бұрын

This was really helpful. Especially for someone who is completely new to Sanity CMS and never used it before, this was really straight forward and easy to follow along

@DesignfulDev 3 жыл бұрын

Her enthusiasm is contagious

@muazothman7416 3 жыл бұрын

this is crazy--- literarly yesterday, i was reading sanity's docs and here comes brad with a sanity video! Ultimate goat of 2020!

@JasonHuebel 3 жыл бұрын

Excellent tutorial. And you have a steady, appealing speaking voice which is really important to me when watching videos such as these since I'm a little bit (lotta bit) OCD. So I tend to fixate on things like that. Anyway, your speaking style doesn't distract from the content you're presenting. Keep up the great work, Kap!

@waifufx 2 жыл бұрын

NO "CAP"

@william254 3 жыл бұрын

Thanks, that was explained very well & I love how happy you were while explaining the cool features. I don't see that often.

@parthkumarchaudhary 3 жыл бұрын

I don't know about others, But I like how her name is pronounce.. Kapehe 🔥

@codingworld6762 3 жыл бұрын

Sri Lankan khiladi he wo Kapugedara

@premmali1989 3 жыл бұрын

Her name must be kaha-pe-he(where are you) 😂

@dhirajnavale3861 3 жыл бұрын

SIMP

@sensus494 3 жыл бұрын

@@dhirajnavale3861 Stop using words you don't know the meaning of

@adebolaadeniran175 3 жыл бұрын

I love how excited she looks and sounds about sanity!

@mytechnotalent 2 жыл бұрын

I never realized there was such a CMS what a brilliant job here @Kapehe. I need to watch. your NextJS tutorial with this CMS as well.

@laudbentil8184 3 жыл бұрын

Insightful, I came across Sanity earlier but glad to come across this as it revealed certain features I was not aware of.

@HalesEnchanted 2 жыл бұрын

I love how excited you were about explaining stuff. You rock :)

@sanghvian 3 жыл бұрын

This was really cool ! I've been wanting to build a blog since quite some time actually. Thanks a lot for this !!

@stfalx 2 жыл бұрын

You are so enthusiastic and happy when you show off stuff it's like: "holy shit i can't believe this works, wow!" ... i like your enthusiasm :) keep it up

@ikahugu 2 жыл бұрын

Mind blown! Thanks Kapehe for the awesome tutorial!

@adityaaufar4565 2 жыл бұрын

Love the excitement everytime she wanted to show something.

@luis96xd Жыл бұрын

Wow, amazing Crash Course, everything was well explained, with enthusiam and good examples and now I learned how to use Sanity! Thank you so much! 😄

@AG-kg9iu Жыл бұрын

I have a new found love for both Sanity & Kapehe

@siemen_subbaiah 3 жыл бұрын

Brad loved your crash course in strapi. Would love more tuts on that too!!

@petecapecod 3 жыл бұрын

Great video it was just what I needed for a Sanity run through 👍 Thanks

@devvvvvvvvvvvv 3 жыл бұрын

Good stuff. Would love to see a deep dive into content modeling. Seems that every CMS I use over time bloats and becomes unwieldy as one-offs and special customizations grow.

@kantyDarius 3 жыл бұрын

this video AND this tool also are INSANE! love it!

@josuebarros-desenvolvedorw2490 3 жыл бұрын

You've earned a new subscriber Kapehe! Your way of teaching is very fast, concise and nice too! Please, build more tutorials! Maybe something about NextJS and GraphQL

@FlorinPop 3 жыл бұрын

Nice to see you on the channel too!! Great job!

@Kapehe 3 жыл бұрын

Thank you Florin!

@aditimuskan8818 3 жыл бұрын

Who are you?

@kayodeoladipo7706 3 жыл бұрын

Lovely tutorial. I'll be sure to check out Sanity.

@ayushkushwaha171 3 жыл бұрын

Really liked the video. Thanks to Kapehe.

@carlosalfredo657 2 жыл бұрын

Excelent short course! Loved it!

@parthkumarchaudhary 3 жыл бұрын

This is absolutely awesome. If you have worked with Shopify then you care easily relate this with it and its very easy to learn also. Awesome stuff...🔥🔥🔥🔥🔥

@birsingh5388 3 жыл бұрын

What is the relation of this with the Shopify?

@parthkumarchaudhary 3 жыл бұрын

@@birsingh5388 in Shopify we have section in which we can also use objects and and use them directly in to html to show data which user entered. Shopify also provides lot other types like, String, Select, Rich Text, Radio, Color and many more. By using them you can create a block of section which can be reusable again.

@victorekea Жыл бұрын

I'm building a portfolio with NextJS and I believe this would be best for creating certain posts. Thanks Kapehe for the awesome video.

@urlroute1489 3 жыл бұрын

Outstanding explanation. I am going to use Sanity!

@Play_Streams 2 жыл бұрын

Awesome tutorial, Sanity is a really awesome platform!

@KennethFromSkarpt 3 жыл бұрын

Day 1: Have not yet regained my sanity, will keep you guys postet

@neon91111 3 жыл бұрын

Absolutely loved her... Great enthusiam dude... Great stuff.. Keep up..👍👍

@edenr1988 2 жыл бұрын

Great introduction thanks 👍...I wonder if that headless CMS also provides inputs for css code for example where the content team can validate their code before publishing ? Reason I'm asking is because I would like to pass this to JSX style tags and generate static files for production.

@alain_laroche 3 жыл бұрын

Cool tool and great tutorial. Thanks!

@AyyazZafar 11 ай бұрын

Amazing. Thanks for the video. It is really helpful

@ACHTech20 3 жыл бұрын

She is looking so excited 🤩

@PochoNieves 3 жыл бұрын

Kapehe I live in Pearl City but watching this from Germany!

@fredericbrutin 2 жыл бұрын

Thanks for the demo, but is it possible to customize UI in sanity studio ? (kind of frontend only for the backend)

@shadyqaddoura3451 2 жыл бұрын

Thank you so much for this useful information; by the way, you are adorable; I enjoy how you get startled when you design a new feature; this is an old-fashioned smiley face for you :)

@obedasante1082 3 жыл бұрын

It's an election day for my country #Ghana. Big Ups Traversy Media

@pastorfred2543 3 жыл бұрын

Bro.. Happy Coding

@jkovert 3 жыл бұрын

Did you vote for Trump?

@cassolmedia 3 жыл бұрын

So, is this cms as a service? I'm not sure if I understand where the data is being stored. what about data security?

@camdynrasque2721 2 жыл бұрын

This was so helpful! Thank you!

@harireddy3434 3 жыл бұрын

Hi Kapehe, Is it possible to update the sanity.json (projectId) via environment variables, if so how do I update pass the environment variable as part of deploy command. Example: I would to use different projectId for Staging and Production environments

@HariHaran-zr1bg 2 жыл бұрын

Thanks for the informative video, can we update the data in the sanity through the website like, while we want to change some existing data in the sanity, will it be updated through website,

@StarContract 3 жыл бұрын

"I'll show you how you can get started with Sanity" she said without blinking a single time

@gavin-hall 3 жыл бұрын

This is great. Trying to find a dead simple business values way to convince my clients of the value of headless cms in general and sanity in particular. Any resources with less technical jargon out there?

@TheCodingOdyssey 3 жыл бұрын

Nice teaching style!

@80Vikram 3 жыл бұрын

Thanks for this awesome video

@dreamlit8500 3 жыл бұрын

This is great for integrating with React

@25cawboy 3 жыл бұрын

Hi, How do you make sure, that robots cannot find the deployed IP Adress? Or how you avoid that some kind of robot attack occours?

@limitlesskode 3 жыл бұрын

Excited to be here

@marcscherzer 3 жыл бұрын

I had no Post, Author, and Category when visiting Sanity Studio 6:30. Do I need to create those in schema.js first ?

@christiankomodo 3 жыл бұрын

Is Sanity hard to use with Angular? I only see React and View tutorials and articles online.

@birsingh5388 3 жыл бұрын

Hi Kapehe, I have some suggestions. I think you could add some presentation slides at the beginning to show us what is the use of this framework and what can we achieve by using this. I think you may take some inspiration from Brad Traversy crash courses, where he mostly give introduction to that frameworks on which he create the crash course. Btw it's very informative tutorial, I will try this out. All the best👍

@Kirrrosh 3 жыл бұрын

Thanks for the video!)) Finally I don't have to build cms for every my app anymore!!!!!!!

@ayushkushwaha171 3 жыл бұрын

Hey brad! Please consider making some AWS videos as well like S3,EC2,etc for using them into our projects. Aws has a very confusing docs. Thanks.

@marcodev3375 2 жыл бұрын

what will happened if i delete some of fields then save it and then write them back? Will the existing data preserved or lost?

@shervinmokthari1251 3 жыл бұрын

Im glad im part of the first 1thousand likes. It reassures me that im plugged into the right direction! I NEED TO GET MY FIRST DEV JOB & i think im going to bag it on monday after i send in this project im working on! douubbleee yeeeeeeeeeeeeeeeeeew!

@emmaunellaadaigweonyinyech7316 Жыл бұрын

Thanks a bunch. This is really amazing. Please , how can i fetch and display posts by their Category?

@TJKhara 3 жыл бұрын

Great video

@mrsingleb Жыл бұрын

How to impliment a loader while fetching the sanity data in react ?

@siemen_subbaiah 3 жыл бұрын

More jamstack in 2021!!

@Scyllamedia 2 ай бұрын

Hey! We are having trouble with our website! When we press publish, our actual site does not update? Do you know how we can fix this?? Any and all help appreciated!

@diego0ji 3 жыл бұрын

Which is the best way to add and configure an .env file?

@jahwni 3 жыл бұрын

Geez, I just watched a video on strapi, next day there's sanity. How many fancy ways do people want to make blogs? Why is it always blogs? Make an actual website, for an imaginary business, small AND big projects, with some of these new frameworks and headless CMS's, that would be something I'd be keen on, especially bigger projects.

@franky12 3 жыл бұрын

I am not quite clear what Sanity.io is exactly? A headless CMS? For what exactly would one use Sanity.io? 🤔

@TraversyMedia 3 жыл бұрын

You would use it for your website content. Blog posts, etc. She has a 2.5 hour React/Sanity project that is being processed now

@gcash49 3 жыл бұрын

headless CMS are for decoupling content for UI. imagine you have a website but there is someone without any coding experience that needs to manage the content - headless CMS' provide interfaces for this person to manipulate content and have these changes reflected on the website in real time

@gcash49 3 жыл бұрын

@@BeFourCM by headless it just means that the CMS communicates with a separate frontend through API calls. technically WordPress can be used headless too (through their REST API) but for a non-headless CMS, you get everything in one package (ie. cannot code a separate frontend component which calls the CMS)

@aseel1024 3 жыл бұрын

I've seen a lot of back-end devs keep saying that front-end is dying because of NO-Code platforms like Wix, WordPress. Strapi, Sanity, Prismic, Ghost ...etc they all give u a back-end solution. so my point is none of the Front-end or back-end is daying.

@bencroacademy 3 жыл бұрын

Good tutorial. Was waiting to see how to add fields. Christmas question: What would be the use case scenario for sanity?

@johetajava 3 жыл бұрын

Create a new Wordpress

@sh0ker 3 жыл бұрын

Can someone explain to me a few things: 1) is all of my data must be synced with sanity cloud? is it possible to disable this feature and get control of how data is stored? 2) what are the common use cases for this? 3) How deeply can I customize things?

@javascriptmaster625 2 жыл бұрын

it returns me an error when i run this commend to install sanity, what do i do ?

@SayJee 3 жыл бұрын

It's like WordPress but in React

@aseel1024 3 жыл бұрын

they called it head-less CMS, they give u everything but without the front end. so as a front-end u interact with the API data that coming from back-end and display it

@SayJee 3 жыл бұрын

@@aseel1024 that's EPIC

@LtdJorge 3 жыл бұрын

Wordpress uses React, actually haha

@marcusthelin9991 3 жыл бұрын

@@LtdJorge Yeah. At my company we use Wordpress as a headless CMS by creating custom Gutenberg blocks mapping the block data to corresponding React components on the frontend.

@bigchunk1 3 жыл бұрын

A lot of things now are like WordPress. Services that auto-deploy content can save a lot of development time.

@taghwomillionaireo.5543 3 жыл бұрын

Just like before watching

@josuebarros-desenvolvedorw2490 3 жыл бұрын

Sanity!!! Oh yeeeeeeeeeeees

@dishantgowari8854 3 жыл бұрын

Wow I like it 👍

@CoolSuperTech 3 жыл бұрын

Strapi is better imo. Sanity is locked behind a pay wall after certain amount of usage whereas Strapi is fully open source.

@siemen_subbaiah 3 жыл бұрын

Yeah!!

@siddhartharoy5263 3 жыл бұрын

Brad is awesome :)

@dylantaft2348 3 жыл бұрын

KapeHEYYYYYY GIRLLLL!

@paddotk Жыл бұрын

It seems to have installed successfully, yet when I run `sanity start` and go to localhost:3333, it just keeps loading. Two 404's in the devtools

@chrisw.1252 2 жыл бұрын

"The operation was rejected by your operating system. npm. It is likely you do not have the permissions to access this file as the current user." This is the error that i get when i try and use the Sanity CLI. Help Please?

@JamesXSmith 3 жыл бұрын

Great Intro to Sanity.io. As a bonus what a great looking woman with a great smile :)

@vanbayor11 8 ай бұрын

Can sanity be deployed on CPanel? Thanks.

@richardokonicha Жыл бұрын

how does sanity store images tho

@jean4j_ 2 жыл бұрын

I'm not sure I'm following what database Sanity is using under the hood? Sanity seems good and cloud based. However the fact they seem to have an in-house "hidden" database could make it hard to move away from Sanity and let's say move to another solution that use postgre, couldn't it? Is it a NoSQL database?

@Coach_Dustin_C 2 жыл бұрын

This saved me

@Kevthedev00 3 жыл бұрын

Would anyone use this over Next JS or Gatsby?

@pbanikk 3 жыл бұрын

Kapehe, you look so gorgeous!

@JGuest777 3 жыл бұрын

You can bring her back anytime :)

@raghul7211 3 жыл бұрын

awesomee

@RaadYacu 3 жыл бұрын

this is insane

@realabbas5 3 жыл бұрын

Kapehe is too excited to teach Sanity

@dexkonce4104 3 жыл бұрын

Help me I can't log in through github in the very first step Giving error Events.js : 292 Throw er; // unhandled 'error' event Error : spawn cmd ENOENT