Getting Started with Sanity.io - A Headless CMS You Can Customize

Sanity.io is an amazing Headless CMS with lots of room for customization. With Sanity.io, you can create custom React components for the dashboard to add whatever functionality you want. I have already moved my site over to Sanity.io and am really enjoying it!
Go to www.jamesqquick.com and subscribe to the newsletter to stay updated and to get exclusive content & discounts
Live streams on Twitch - / jamesqquick
Follow me on Twitter - / jamesqquick
COURSES
Learn everything you need to know about Visual Studio Code!!
www.udemy.com/learn-visual-st...
Build a Quiz App with HTML, CSS, and JavaScript - www.udemy.com/build-a-quiz-ap...

[@JamesQQuick]

Are you using a Headless CMS? If so which one is your favorite?

[@FrontendSeries]

ContentPI :)

[@tim_t]

After playing around with it over the weekend, Sanity, for sure. (I'll definitely be feeling some sense of guilt using my Contentful swag stuff now LOL)

[@JamesQQuick]

@@tim_t haha no need to feel bad. You just need to do what's best for you :)

[@jasonwarner8774]

This was a very helpful video man, thanks. Difficult to get a conceptual understanding of how these headless cms's are used as they're all different; but sanity seems to be a perfect solution creating freelance sites that can be easily managed

[@cdingwarrirs6117]

which screen recording are you using please? thank you

[@Mil_Bixby]

How do you render your sanity posts to be displayed based on createdat date?

[@luismunoz9126]

it says 3 users for each project? or in general 3 users for manage all the websites? (collaborators)

[@mrsingleb]

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

[@AllanLeonardJr]

Thanks for the info!

[@e11world]

Thank you for this video. Very useful. I'm in the process of figuring this stuff out transitioning from the usual WP/HTML sites but so far I got the feeling that this is way too much stuff to do & learn to give the same result. Personal sites, might as well just do html static but for clients, these editors don't look good at all and have no flexibility for other page types (from what I've seen/know so far).

[@goonie79]

Great video. Did I miss a part, I am trying to figure out how to push my changes to github?

[@saandial3412]

Can you do a review/tutorial on Factor CMS?

[@JaimitoAleman]

After one year - is this still your set up?

[@SimonDaviesOfCourse]

Great quick intro on Sanity 👍Im currently doing a Gatsby build of a few sites, and initially trying out Contenful. Im thinking of doing several of the same project an just switching out the cms part, lIke Sanity, Strapi and Contentful. I like the fact that you can run sanity locally as well and also host it yourself.. Be good for some more on this, like connecting to an existing site like gatsby, again great video.

[@JamesQQuick]

Thank you! I’d love to see the stuff you’ve worked on already. And there might be more content to come on sanity :)

[@SimonDaviesOfCourse]

@@JamesQQuick col, just ctaching your 3 video on sanity and gatsby. Outside of work I created this and built it with Nuxt.js plymouth-rrs.com/ and is what I amd currently looking to reconstruct using Gatsby and a headless csm. Also finally looking at doing my own site, simondavies.dev/ difficult when work and RnD takes my time up :-)

[@djmtype]

Thanks James. I couldn't figure out how to upgrade my remote version of Studio.

[@JamesQQuick]

So glad :)

[@hotbelgo]

Can you explain where the data meets the layout markup? It sometimes feels that JAM requires you to recompile whenever you add e.g. a new post. If the data is downloaded from the API what is 'static' about all of this?

[@JamesQQuick]

It does require a rebuilt when you have a static site. It grabs all of the data using the api at built time and uses that info to generate static pages

[@hotbelgo]

@@JamesQQuick I've used netlify so I can see how a rebuild happens when a dev changes the code, but how does a rebuild happen when a non-dev updates the content?

[@exactzero]

@@hotbelgo You can do it manually from the studio or set up webhooks to netlify to redeploy whenever a publish happens.

[@matssommervold]

I like the terminal you have. How can I achieve the same? Specifically the highlighting of the path and git branch.

[@JamesQQuick]

Follow the command line power user course from Wes Bos :)

[@matssommervold]

@@JamesQQuick Thank you! :)

[@user-xj6yw8cn9g]

Hi. What do you think about Strapi?

[@JamesQQuick]

Haven’t used it myself but heard good things

[@RyanJohnson]

If you run into errors in /studio after running $ npm install and $ npm run dev - try $ yarn then $ npm run dev

[@graemeatg336]

Thanks exactly what I needed.

[@tim_t]

Wow. The setup is unconventional (at least compared to the CMS's I'm used to--Primsic, Contentful, Graph) which turned me away the first time I tried it. Now I understand how it works after you explained how it's basically two repos in one. Has a RedwoodJS feel to it.

[@tim_t]

Hey James! Tried Sanity over the weekend and I freakin' LOVE it. Quick questions, if you don't mind: 1. How fast does the bandwidth get used up? And, I guess, HOW is it used up? 2. By using `sanity init` and `sanity deploy`, the studio will be hosted on Sanity, right? This is in contrast to using their starter projects where both front-end and studio are hosted on Netlify? 3. Should I treat the "project ID" as some sort of key that should NOT be seen by anyone? As in use environment variables for my project and the like? Because from what I understand, the only thing stopping other people from pulling data from your studio is the project ID. I still don't understand this aspect well enough. I'd highly appreciate your input. Thank you!

[@madhavan_raja]

A bit too late to answer this, but I think for your third question, project ID can't be private. The API call has the project ID in its name, so it can be easily seen using some network monitoring tool. :)

[@user-kr6lp7rm5y]

My favorite is Directus

[@JamesQQuick]

Oooh never heard of that!

[@ApurvKhare]

Is it better than Strapi ?

[@JamesQQuick]

I haven't used Strapi personally so I can't quite respond to that. Are there any specific features in Strapi that you have used?

[@ApurvKhare]

@@JamesQQuick I have heard good things about it but haven't got to use it personally.

[@Andy-vh3ns]

No, Strapi is better for a build perspective, plus it is free ... these folks charge you. This is such a new trend these days. Let's just re-event the wheel so that we can now charge a monthly cost. No good!

[@exactzero]

@@Andy-vh3ns Well, they're charging you for hosting your data, assets and API. You still have to setup/find server, database and object storage providers if you're going with Strapi which aren't free.

[@damnitrahul]

Please cover working with Rich Text, This is the weirdest part of every headless CMS. Every CMS makes if work differently.

[@JamesQQuick]

Part four is going live shortly!

[@bearcountrypublishing5303]

I'm sorry. I fail to see how this video would help anyone get started with sanity. It appears more like your brag sheet about having your hand held by the company owner. Meanwhile, he can't even maintain a getting started with sanity page on his own website. I wish he would hold my hand and teach me the ropes. Or fix his broken website, so other people besides you can learn it. You should title your videos better.