Content Platforms Explained in 100 Seconds // Build your own with Sanity
Вставка
- Опубліковано 21 лип 2024
- Sanity.io bit.ly/39lJ553 is the platform for structured content. The Content Lake, a real-time document store, gives you complete access and control over your content at any time and anywhere: from text and block content to files and images. Sanity Studio is an open-source application that you can configure and customize with JavaScript and React. You can use it to quickly and simply build your own CMS.
I collaborated with the team behind Sanity and you'll see Kapehe ( / kapehe_ok ) from Sanity give a full breakdown for building your own project. By the end of this video, you'll have your own Sanity Studio and a Content Lake up and running to structure, interact, and query all of your content.
00:00 Content Platforms Explained in 100 seconds
02:00 Introducing Kapehe
05:49 Get started with Sanity
07:56 Understanding the code behind the Sanity Studio
09:45 Exploring the Sanity Studio
15:14 Query Content with GROQ
18:02 Schema Types
21:27 Deploy Sanity Studio
22:30 Previewing Realtime Changes
23:49 Congratulations you built your first Sanity project! - Наука та технологія
I asked Sanity to hook up some free stuff for this video... They made a custom 💪 boosted free plan 👉 sanity.io/fireship
Thank u sirrr 🔥🔥🔥
We had such a great time collaborating with Fireship to create this video. Thank you to everyone for watching, we look forward to seeing all of your awesome Sanity projects!
To show our thanks, enjoy the free boosted plan with extra quotas! 🔥
@@AbhishekReloaded a
Hey 🔥Fireship,
Content Platforms Explained in 100 Seconds?
🤩Wow, Great content, as always!!!
I just 💜loved it.
Thanks for sharing it!🙏
@@sanity_io I have a question, what's the difference between an API and sanity, cuz before creating any site I usually create api then move on to front end and I can consume the content from any platform, so what sanity's purpose in this
I LOL’d at the Palm OS part
When she started speaking it felt like an advertisment rather than a tutorial. But very interesting piece by Jeff about JAM stack!
I mean... that's kinda her job, but she did give a lot of information
@@ezra6094
She gave nothing in those 20 minutes. Just ran an install command and copied a total of 4-5 lines of code from a documentation page.
The rest was all marketing fluff
If it quacks like an ad...
It was a little market but it wasn’t bullshit big difference haha
I say it has an abrupt ending. This are stuff anyone can learn in minutes 😂
I don't understand people complaining about or even jokingly complaining about this video being 24 minutes. He explains it briefly in 100 seconds as promised and if you want a more detailed explanation, you can watch the rest of the video. This isn't even something new he's done.
It's a fair bit more obviously promotional than his usual videos though
@@MarthinusBosman So what?
I'm using Sanity for 2 massive clients. Really efficient. I wish we could have a clean desk interface. The side drawer are a bit strange.
Cool! Could you expand on the “side drawer” bit? Sounds like it might be the responsive mode that has kicked in?
@@sanity_io It doesn't look enough like "Wordpress". The left menu could be more narrow while the submenu are opened. I don't feel like it's necessary to see the listing while we're on the detail page. Maybe having an option to keep switch between both view. Also the idea of having a modal inside a modal inside a modal isn't always intuive for our content team.
What about latency, speeds and performance at general? If you can share, how much data you store with them?
@@sanity_io is sanity free?
More importantly, what about security?
@Fireship how about a video on "I tried building the same backend server in different nodejs frameworks". Like using fastify, hapi, koa, nest, express etc.
Good idea!
@@vaisakhkm783 dont forget Rust's Actix or Rocket!
Would be great to see benchmarks for these aswell
+1000!!!
@@Fireship Add Django as well.If possible add flask also
I have used Sanity CMS for a couple of projects, and I love it. Definitely recommend it.
Sanity is one of the rare Headless CMS both Clients & Developers love.
@Nolly First, I create my project in my account. Then ask them to create an account and I will transfer the project to them. Code is hosted on github and hosted on vercel. All of these can be transferred to new owner if needed.
10k documents is a bit limited and 99 dollars per month for the paid option i quit too much for small startups
hmm it depends on the depend on the app u build with it documents are a bit limited , for a online forum app storing comments and threads in sanity is not the way ithink u need to use firebase or something else with it
@@nested9301 you don't need to buy 99 plan, it's just $2.5 per 1000 docs. you will be billed only that amount.
@nested9301 Don’t use this as advice but I’m quite convinced there are better solutions for the data storage of a forum.
Keep in mind that Sanity is intended for content management rather than a database for platform user data :/
The first 100 seconds were the best explanation on this topic I have heard. Thank you.
suggestion for structuring a video like this:
start at the end and show what you're gonna end up with right at the start. that way I can better judge how relevant the video is to me.
Thank y'all for the video.
Ok, this is exacly what I need in my life...
I also need sanity
@@ahsan_a my boy ;)
Haaaa you made a double entendre on the basis that it could apply both to the tool being discussed and to the guest discussing it because she is an attractive lady!! Very good.
@@DodaGarcia 😎
A stupid question but so are these CMS > databases with nicer UI AND backend-like features built-in?
THANK YOU SO MUCH, IM STUCKED IN INTRODUCTION'S SANITY A LONG TIME THANK YOU
Looks like a really solid solution, I had not heard about it, thanks
this is almost the thing i was searching for,
Thank you so much! great content as usual ^^
very helpful video for someone who is just currently learning sanity like me. just a question, has anyone tried customising the table by adding the orderable document list plugin? i only manage to add 1 schema and wanted to add more but stuck with it. Also, how do you back up data from Sanity? Sorry as I am just discovering this new tool. thank you!
This headless CMS seems very nice for the future, since so much frameworks and different platforms are being made each day. But it is actually scalable? Can you relay on it for user authentication? It is fast enough for querying 100t per second?
Tricky right? Because once you model your data with, e.g., Sanity, they’re the only game in town. You don’t have much bargaining power to incentivize them to avoid performance dips.
Very good in formation - thanks for this video.
You guys are awesome thank you for this info!
This was really good, thank you
I am starting to learn about sanity and at the beginning I found it very complicated thank you so much for the explanation I'll try out later 🤔🤔
Loved the content ♥
Maybe could present some alternatives as Strapi/contentful and some comparison between them? Presenting a 24 Sanity video seems more like an advertisement.
Because it is.
sanity is the best just go for it
so, with Sanity (or other headless CMS), we don't need any database/back-end services?
ME: Eh this looks really cool but as a singer I probably won’t have much use for it in my website
KAPEHE: “it could be the music tracks for a singer”
ME: I am sold
I'll be honest. Nothing about content platforms as presented is particularly amazing to me. APIs are not a new concept and you can design your projects to serve their data as APIs. You'll still have to build the markup (which was conveniently left out in the example in the video).
However, everything related to image manipulation was great. Maybe that's the product they should be selling.
Personally the use case I’ve had for headless CMS is for static websites where it’d be a pain to have to go into the HTML for every small change, or regenerate and redeploy a static website etc.
Wouldn’t say they’re “amazing” as a concept, just very useful to keep content separated from the markup without having to build my own API.
I thought I'm wrong.But atleast I found someone thinking like me. Why they over projecting these headless CMS so great. We can easily do the same using PYTHON Django admin console ? Or any other back end with our own APIs n have great control of APIs
@@tummalasudhir7918 I mean I get your point from developer standpoints that CMSs don't make sense because you can just write in markdown or whatever. But if you guys ever started freelancing for a client that has zero coding know-how, you'd realize the value that these CMSs bring. You need some way for them to add new content for their site without having to spin up dev environments, install node, manually write markdown, etc. on their laptops. Easy handoff to the client is very important.
You guys are right, APIs are not new concepts. A CMS is literally just a website with database, an API, and an admin UI. Of course, you can build this from scratch for every project but who has the time for that? Why write custom API endpoints, crud operations, asset management, and a whole admin UI from scratch?
I also personally think Sanity brings a lot to the table as it's one of the few "Headless CMS"s out there that offers hosting for free. That means they already take care of the database and media library for you (the images as you mentioned).
On the other hand, there's another headless CMS that's so overrated, Strapi that's "OPEN SOURCE" and "FREE" but the hidden costs behind hosting the Node app, database, and file server for the media library is actually nuts. Seriously how can you host a small blog app for $20/month?
This is all basically ExpressionEngine with extra steps
man!! so much helpful
I think this video was a great introduction to sanity. I'm still trying to debate if I should use sanity or contentful.
Lots of options in this space... GraphCMS, Strapi, and Netlify CMS to name a few more. Contentful is more polished, but Sanity has better pricing and overall dev experience imo.
Try both out on dummy projects, Joe!
Though I think as a developer, you'll probably be more drawn to Sanity's schema tweaking, which is done entirely in the codebase.
@@tim_t Hm… I wonder whether, for larger clients, it wouldn’t be better to give content creators the ability to tweak the schema themselves.
@@tim_t Perhaps even in addition to source code schema manip, in order to allow, e.g., constraints on relations? Just a thought, don’t even know whether this already exists. Curious to hear your thoughts or anyone else’s who reads this comment.
@@Fireship Question is for how long the prices will be this attractive, especially if you dive into bigger project that might span over a couple of years.
Is it just me or you guys also noticed those beefy EXTERNAL GPUs by Razer?
LOOK AT THOSE GPUS!!!! :}} I get you fam
Hot damn you really have eagle eyes, huh?
😒 haan bhai
where sanity stores the images? can i change that place? to a place like cloudinary
So is this sponsored content or not? Seems like everything is deliberately worded as ambiguously as possible in that regard.
I'm pretty sure that UA-camrs have to declare if the video or part of the video is sponsored. But who of us knows for sure?
@@user-if1de8pt2j nice catch
Great video. But what I really want to know is - What is that keyboard at 00:58?
Very nice lady, explained very well and simple thanks
Need a way to see the webpage. Wants me to log in or something weird.
How much content is allowed to be displayed in sanity?
Nice Vid,, i am learning the open source one.. Strapi
Which is better to you Strapi or Sanity?
This is awesome
Thanks for the video
will sanity be here in 10 years lmao thats the risk and question we all ask, or even 3 years really. depending on a software to use for aproject that has potential to be big could be a hassle if anything ever went wrong on sanity's end right? maybe im paranoid but is it worth the risk is all im asking?
The project is open source, so in that scenario you could host yourself.
@@samu350 No, you cannot host it yourself. The backend (where the content is stored) is closed-source.
@@RonWolfHowl Thanks for the correction, didn't realize only the frontend is open source.
Nice !!!
Today my company wanted me to learn sanity and after couple of hours I fell in love.
This is too long Jeff, you're losing your way and I support it
How.. how do you always create a video when I'm about to start a project with that particular product?
It's just probability of someone doing content that you use... and your ego.
can I use it for a startup like uber
Where is the data being stored?
Hey Jeff, I'm about to decide upon an architecture for an upcoming JAM stack project. I was considering Strapi. What are your views on Strapi vs Sanity ?
Ur talking about architecture in closed system. There is none and whatever you think architecture is more of data schema rather than actual business logic.
How schedule a post to publish ?
Sorry for my ingorance, but how can Sanity lives without the command start sanity? I mean, I have to upload on a hosting?
please make video on EsLint and on any Static analyzer like SonarQube
Ai video summary
The video titled "Content Platforms Explained in 100 Seconds" provides a comprehensive overview of the evolution and significance of content management systems (CMS) in web development, focusing particularly on the concept of headless CMS and content platforms.
Initially, it details how traditional websites used to embed content directly into HTML code, which was not scalable. This led to the adoption of CMS, where content is stored in a database and then injected into HTML templates. However, as the need for more flexible content delivery across various platforms (like iOS, Android, and different JavaScript frameworks) grew, the concept of headless CMS emerged. A headless CMS separates the content repository (backend) from the presentation layer (frontend), making the content accessible via an API for any application to consume.
The video highlights the benefits of using a headless CMS, such as:
Serving as a single source of truth for brand content.
Being completely decoupled from application code, allowing for easier migration across platforms.
Providing a cloud-based API for easy access to content from any application.
Allowing developers to model and tailor content for specific needs, rather than relying on predefined templates.
Sanity.io is introduced as a popular choice for implementing a headless CMS, particularly for Jamstack applications. The video features a detailed tutorial on setting up a project with Sanity, showcasing its capabilities for modeling content, managing it in a browser-based studio, and storing it in a cloud-based "content lake." The tutorial covers various aspects of working with Sanity, including:
Initializing a Sanity project and configuring it.
Structuring content schemas using JavaScript.
Customizing the Sanity Studio for content management.
Utilizing portable text for storing rich text in JSON format, making it easier to reuse content across different platforms.
Throughout the video, the presenter emphasizes the importance of treating content as data, allowing for more flexible and efficient content management. The tutorial concludes with deploying the Sanity Studio and demonstrating its real-time content update capabilities across local and deployed environments.
This video serves as a valuable resource for developers and content creators looking to understand and implement headless CMS solutions, offering insights into the advantages of content platforms and practical guidance on using Sanity.io for content management.
My company is working on a Content Platform using Wordpress as a Headless Backend, but Javascript as the frontend
By installing GraphQL plugin?
🤔 I always have this doubt whether WordPress is front end frame work or back end ? How do we build a cms using WordPress as a headless backend
Was there a poll?
I use strapi instead if sanity
Sanity is great but missing in some areas:
- allowing users to control the order of documents via drag and drop
- easily creating a headless content preview
- easily creating a singleton-type document
- adding a user to the Sanity Studio
- keyboard shortcuts for accessibility
- UI of the backend
It's using lots of db features directly, streams and gql subscriptions being out of box features that studio uses shows how much integration is done there, no code required. For newbies who can't do basic crud on their own, this feels like god power.
@@MaulikParmar210 Their authoring capability is powerful too, streams and gql subscriptions are fun but would give it all up for ordering documents and easy headless previews, just simple stuff first
So it's somewhat *a modifiable portable CMS* , but does it work on blazor? can we add custom codes could be quered
I came for the 100sec explanation. Watched another 1,359sec because I'm a man of high culture.
Thanks miss.
Super cool
Sanity is really cool, love how basic and easy to use it looks. BUT IT IS WAY WAY WAY WAY TOOO EXPENSIVE. Feel like it would be the industry standard of doing things if it wasn't a million dollars per project. I've already completely written it off despite being in love with it. They could make 100x what they are by charging a 10th the price, but nah. price gate most of the industry out of cool new tech.
Wonderful product and development sense, not so great business sense.
You have the weirdest timing. I've been developing my own CMS for a few weeks now :P Somehow your videos are always hyper relevant to whatever I'm doing :P
can relate
He has access to all the google private databases. 😂
I spend 3 days making a template admin page and after that i saw sanity :)
true
I think this video had an abrupt ending
That’s insanity!
I really don't like her as an employee of sanity telling you to not look further than sanity. DO look further and then decide if sanity is the best fit!
How's that different from querying a form of a database, or a rest API or Graphql, at least in principle
Or is this just yet another copy of an already existing solution
I already do this as well with firebase. I just made a page that’s let’s me easily create blogs and store them to the database and then be distributed to my site as content.
Now that took a ton of time to build. This product has way more tools that lets you build out your content and store it to a database (their database) so that you can read it to your web, mobile, etc products.
mmmmm those Steelcase chairs
Redux in 100 seconds please
Why would you use sanity if you can do the same with firebase and a small amount of js code?
hey there, my project is MERN based, how does sanity fit into it?
This comment section needs to pipe down. This is how Fireship runs a successful business. Sponsorships are normal, and this video doesn't compromise on the content at all. You get the first 100 sections untouched by the rest of the video. If that's all you want to see, then you can choose to ignore the rest of the video with absolutely no worries and Fireship gets to continue putting food on his table.
For the rest of us that don't care, this video was great in explaining how the Sanity CMS works. The JAMstack is one of the most important tool a solo web developer can learn to master.
Titless CMS should be named 😎
Fun fact: Fireship is always updated with the best content even with content we don’t know about! Thank you so much we really get to learn a lot of things!
Edit: Thank you so much for the ❤️.
Edit 2: Aaaah I edited and now my heart is gone 😒😞
Heart is back now .
EDIT YOUR COMMENT
@@Abdurrahman98XX Thank god!! Well if I edit again then I’ll lose my heart again😂😂. So better update here
Is Notion one of the content mangement systems?
It’s not advertised as one. You can of course use it to “manage content”, but it’s missing the features you’d need to use it as headless. Yes there is an API, but it’s closed for now. Finalizing it and opening it up is on their roadmap, but I can understand why they’d want to hold off on that. It’s hard to add new features and revamp fundamental things when that necessitates a breaking change in your public API.
its like Umbraco CMS but headless and instead of hosting the content yourself, they're on Sanity's servers?
Yes, we offer a hosted real-time document store that the Studio and your other applications communicate with. In it, you store JSON documents. You can export (and import) all your content in one go using the CLI tool or the export endpoint, so you're not locked in.
The first 100 seconds are spotless.
To much Sanity-selling stuff IMAO.
It’s a good compromise, adding it at the end lets viewers decide if they are interested or not, while the first 100s is what subscribers expect.
Nothing wrong in this I guess. She's just showcasing the product. It's not like we're forced to watch it.
Wow, what's the voice
Is this using database to save data?
Did you move to Russia or did the poles changed?
projects like Sanity are only good for small apps, running your own API server is give your more control and costs a lot less (imaging paying $1000 a month and only get 1TB of bandwidth ($1 for extra 10GB ) and only 50k document!)
I'm using it for $500M+ clients
@@NomadicJulien how big is your $500M+ clients projects?
@@NomadicJulien Wow, that sounds pretty impressive! I can hardly believe it though, since this is of course the UA-cam comments section. Do you have any info to back up that claim?
I dont understand how to create a singleton document in sanity its such a ball game! to pull of a single page that's unique from rest of the pages!
When did
Jennifer Lawrence became a coder?
why is is so frickin hard to just replicate what php did but without a back end
So ... It's a database but with json files ?
I honestly don't see the point here. Mongo does the same and (to me) seems way more versatile and powerful. Plus, my content remains on my system, not on a third party.
Is this something like a firebase competitor ?
Unless I'm missing something entirely ?
MongoDB with a better interface for the people who write the content
@@RedCapOfDeath So is a user supposed to able to access that data editor page? Like if you were making a website where people could start blogs, then they can edit their blog post on that page? I don't really understand the difference between this and a cloud-hosted REST API database besides the fancy editor...
@@ezra6094 You as the developer would make a website around the JAMstack, of which you use Sanity as the tool to write content. In essence you break it down like this: You make a system and a front-end that takes in that system, and then content writers (marketing, sales, etc) can use the CMS to create new posts, content, etc without you having to hardcode that data in the HTML markup for every new thing. You spend a little extra time to make a robust system, and then you can almost forget about it.
@@GnomePuntTrainerYT Ok but you can already do that with a back office and a front end app. And you neither have to rely on a third party host to do so, nor pay them to do it.
So I'd say nah for this one !
@@MaximeTrichard Ok. If you are able to write something with all the same features, more power to you! I’d love to hear you come back and report your experience!
Behind the scenes: Binance CEO shares insights into future developments in an exclusive interview
How does Sanity compare to Strapi?
For one, Sanity is proprietary and not self-hosted. You host the admin frontend, but not the db and API. You are encouraged to build out and customize the admin in Sanity, which I think is pretty cool. You can probably do more and be more flexible with Sanity. I would choose Sanity for enterprise solutions, and Strapi for smaller projects.
Also the rich text editor in Sanity is epic
@@emilz0r small note, you can change the default editor in Strapi
@@emilz0r What annoys me about Strapi is there is no auditing solution out of the box, and no content migration between environments (ex. migrating pre-prod changes to prod). I see that Sanity has auditing but couldn't find a content migration tool.
@@emilz0r Strapi is pretty expensive to host though right? You're hosting the database, media library, and the node app.
Can't you run the same functionality as Strapi on Sanity for smaller projects just because you can get pretty much the same requirements as Strapi for literally free from the start?
This guy played with us
Jeff, dude, i know it's not your thing but try doing this with Laravel, you can make REST API for blogs in 2 minutes video at most, and you can consume it with whatever platform you make for the front, trust me on this one
Yeah but it needs to be written in PHP. I mean, uff...
@@kaladivo you have a point, but i think all the problems PHP has Laravel has workaround, now if a dev doesn't mess it up it can do a pretty heavy lifting and code to look nice, most of my apps are like that, Laravel as API and takes care of DB, events, listeners, mailables, CRONs, validation and what not... and in the front you have whatever client, can be Vue, Angular, react native, even Unity, Swift, i even did client in Delphi a while ago... which does... nothing... its job is to look nice and display whatever you get from the API and send user inputs back, which makes frontend pretty light and nice to look at
Love Laravel
Why is there always someone in the comments who thinks us discussing a solution means we’re not aware of the previously available, less convenient option?
@@aleksandarstevanovic5854 “but I think all the problems PHP has Laravel has workaround”
Cool, and with a headless CMS you avoid all of those problems and workarounds altogether. Using Laravel to serve a static site sounds like a ridiculous level of overkill.
i thought it was 2 minutes, the actual is 24 minutes
Thanks this what i was looking for
One question how much compatible with google SEO rules
I know a few security officers who would go mental but i definitely love the concept. I would love to see an on premise setup for enterprises.
Thx for the video!
Hi! We take security seriously, but of course, requirements differ. We're currently used in production by Fortune 500 companies, and deliver over 6bn API requests every month. We don't offer on-premise installs, but dedicated cloud hosting for enterprises.
Unpopular opinion. CMS platforms are a waste of time. When operating at scale, the developer will be fighting the CMS to meet customers' needs. Yes, they can deploy a prototype in a day, but now the company is locked into a specific vendor and technology. When the customer decides to make a drastic change a few years into production, the developers will be starting from scratch.
Frameworks are as simple as CMS platforms but provide way more flexibility and have larger communities. CMS platforms are band-aids, frameworks are architecture.
Do not fall for their sales tactics.
agree 100%, felt the pain of working for a shop that insisted on depending on cms and services for all their tech. in the end it wasn't ever worth it.
Totally agree with you
As a developer I mostly agree with you. However I see that for some applications CMS can save time. However I fear vendor lock-in (and pricing). For this reason a would prefer a true open source solution like Strapi, rather than Contentful or Sanity (which despite marketing is not really open source... only the frontend, not the store)
Any convenient abstraction comes with some level of vendor lock-in - the same is true of Firebase and Airtable, for example. That doesn’t make them a waste of time, it just creates an extra option that may or may not suit your needs.
Also, “a few years” is a very long time as far as code is concerned anyway, chances are a lot of your technology will have to be revised in that timeframe.
I''m using Sanity for my NextJS blog and deployed it on Vercel. Works like a charm, I love it!
Man your content is additive. I forgot to eat my breakfast because of it.
I swear to god that I didn't expected to be that good, it's kinda what a developer really wants to build. Cool features and from what I saw in the video I can suit most CMS needs.
Why is 24:05 is the most viewed part of video? 😂😂😂😂
You never know you need something until Fireship brings it to you! :D
How is this any different than just having a cloud-hosted database that you can query through a REST API? Just cause it has the fancy editor? I don't understand...
The content lake is a real-time schemaless document store that also indexes references between documents. It also comes with GROQ (think “SQL for JSON”) that lets you query all the content freely, so much more flexible than RESTful API. You can think of it as a specialized database for content.
A guest with info on something I've never heard of before. Subscribing three times.
Palm what? xD i havent heard about that brand in like 10 years or so
Kap rocks!!!! She crushed it 🦾
wow Kap from 'sanity'