That's wild, man. Thanks for the video. Do other headless CMSs offer similar functionality, live previews like that? how is it that the code doesn't change when you make changes in the visual editor?
I really like Strapi but having a live preview, especially for clients, is a game changer!! This is what I’m gonna use now! Plus, I get to use any front end *ahem Nuxt* I want! Best of both worlds.
Looks great. It's a shame there isn't a good solution for small clients who don't want to spend $100 a month on their website. I therefore mostly use WordPress as a headless CMS.
Yeah, they now offer a headless solution, but the UI is only good for devs. You won’t get the buy in from a business user. And when you need to account for the cost of a dev to make all those changes, that “cost” difference conversation goes out the door. Devs are expensive. Business users could just make changes directly and that ends up being a cheaper long term solution.
They offer like 25,000 stories (kinda like posts) and 1M API requests per month in their free plan, isn’t that more than enough for a small business? But I guess whatever works for you and your clients
Storybook does look amazing, but it’s very expensive for personal and long term projects. I think self hosted Directus is a better option in this case.
@@shixxor You're right. I was looking at their site on a phone. The free community plan is all the way towards the bottom, after all other pricing tiers.
What does headless CMS mean? Is this the same as software such as jekyll? Just watched some more of the video. You kind of answer it...But man, why would one need to even get into all this stuff? Isn't a website a website?
A CMS is just about managing our content. So if you use something like Wordpress, Wix, Squarespace or Webflow, all of them have a ContentManagementSystem. The content in these cannot be used elsewhere. In a way these are examples of a CMS with a HEAD :)). Where you use this content (data) DOES matter. A HEADLESS CMS is when you can use the data in a CMS with any frontend you want. Create 2 identical apps in SvelteKit or NextJS, you will be able to fetch data from the Headless CMS and use it in both apps. So where you use this content DOES NOT matter. CMS = Content management system with a predefined frontend solution. Headless CMS = Content management system with no opinion as to the frontend. Use the data wherever you want.
As to why use it at all? Lets say you're building a website for a client and have decided to use NextJS. But the client wants to be able to edit the content of the website, change images, change the text, etc. Or even have a blog and they need a content editor. A headless CMS lets non-developers edit their content to their hearts content. The logic and styling and routing will be handled by the developer. But you can have content-focused people editing the content.
@@rafalpotasz Thanks for that data! I'm still not sure why people would use the "unusual" technologies, instead of using, wordpress, drupal, webflow, wix etc.... What kind of client wants or "needs" svelte, nextjs etc? I don't get that.
So a CMS is a place where you can store data for your site. Blog posts data is the most common example. Wordpress is the most common example of this going back many years. Problem with Wordpress is (before) you would have to use wordpress to create the site as well as the data. However, lots of people have other ways they want to build their site. So instead of having a CMS and website tied together, you can separate them to get the best of both worlds and flexibility. That's where headless comes into play
Cloudcannon does the same, is much much cheaper (unlimited sites), git-based (so no traffic bs) and they just released compatibility for Sveltekit (as well as Next, Astro, Hugo etc.)....
The only downside currently with CloudCannon is the site has to be statically rendered. If you have anything dynamic, like auth based UI, etc. It doesn't work for that yet.
@@JamesQQuick "Is This THE BEST commercial Visual Editor In a Headless CMS?" would have been a better video title because then those of us without money would not bother to watch.
I’m pretty sure you didn’t read the description. It has asterisks around the sentence that says “Sponsored By Storyblok”. Not sure I can do much more. Thanks for watching though
Looks like you have fallen into the trap. People are all gun ho headless until they realize "Wait.. My authoring experience is gone?" Building a traditional CMS authoring experience on top of a "headless" CMS Headless is great until it isnt
100% this way. What sponsorship does is prioritize me to create content on something I’m already interested in. I don’t do sponsorships I’m not interested in. I also have full control over the content so I choose the topic. In this case I chose something I really really enjoy which is the visual editor. If you have other feedback I’m open but I did this video because I believe in it.
Webflow makes more sense than Storyblok when comparing price, features and use case. Edit: I made a mistake, I didn’t realize there was a free tier until I scrolled to the bottom of the page. Looks like a great alternative! Thanks for the video!
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
I've been dreaming of this type of CMS for literal years. I really need to try this out, it looks amazing
It's really pretty nice. I love it!
It's not as developed as StoryBlok but you can give a try with TinaCMS too. They are building a selfhosted version too to avoid the lockin.
@@JamesQQuick i never took the opportunity to tell you : great content, thanks man.
@@s.g.5092 Thank you so much!
Just amazing, James! Super clearly explained and it was fun to watch
Thanks Alex!!
This is great James! Loved watching it 💪🏾
That's wild, man. Thanks for the video. Do other headless CMSs offer similar functionality, live previews like that? how is it that the code doesn't change when you make changes in the visual editor?
Hi James. Tried Sanity? Is Storyblok simpler, paired with Astro?
is it like wordpress where you can change the design as well in cms ???
In jamstack a user cant change a design or css via cms,
I really like Strapi but having a live preview, especially for clients, is a game changer!! This is what I’m gonna use now! Plus, I get to use any front end *ahem Nuxt* I want! Best of both worlds.
I want this for content in markdown files in a Git repo.
I love it! Thanks for the video!
How can we read and understand a library codebase? I hope you answer us.
Amazing video James
Looks great. It's a shame there isn't a good solution for small clients who don't want to spend $100 a month on their website. I therefore mostly use WordPress as a headless CMS.
Yeah, they now offer a headless solution, but the UI is only good for devs. You won’t get the buy in from a business user. And when you need to account for the cost of a dev to make all those changes, that “cost” difference conversation goes out the door. Devs are expensive. Business users could just make changes directly and that ends up being a cheaper long term solution.
It’s actually free for one user and only 9 dollar for 1 more on their community plan 🧐 should be fine, right?
They offer like 25,000 stories (kinda like posts) and 1M API requests per month in their free plan, isn’t that more than enough for a small business? But I guess whatever works for you and your clients
bruh they offer a free plan for small startups wtf are you talking about
Storybook does look amazing, but it’s very expensive for personal and long term projects. I think self hosted Directus is a better option in this case.
Storybook is free :D
Am I the only one seeing the community plan which is free? Additional users seem to be $9 🤔
You're right. There is a community plan forever free, suits very well for a personal, freelance or small company project
@@shixxor You're right. I was looking at their site on a phone. The free community plan is all the way towards the bottom, after all other pricing tiers.
StoryBlock 🙂
What does headless CMS mean? Is this the same as software such as jekyll?
Just watched some more of the video. You kind of answer it...But man, why would one need to even get into all this stuff? Isn't a website a website?
A CMS is just about managing our content. So if you use something like Wordpress, Wix, Squarespace or Webflow, all of them have a ContentManagementSystem. The content in these cannot be used elsewhere. In a way these are examples of a CMS with a HEAD :)). Where you use this content (data) DOES matter.
A HEADLESS CMS is when you can use the data in a CMS with any frontend you want. Create 2 identical apps in SvelteKit or NextJS, you will be able to fetch data from the Headless CMS and use it in both apps. So where you use this content DOES NOT matter.
CMS = Content management system with a predefined frontend solution.
Headless CMS = Content management system with no opinion as to the frontend. Use the data wherever you want.
As to why use it at all?
Lets say you're building a website for a client and have decided to use NextJS.
But the client wants to be able to edit the content of the website, change images, change the text, etc. Or even have a blog and they need a content editor.
A headless CMS lets non-developers edit their content to their hearts content. The logic and styling and routing will be handled by the developer.
But you can have content-focused people editing the content.
@@rafalpotasz Thanks for that data!
I'm still not sure why people would use the "unusual" technologies, instead of using, wordpress, drupal, webflow, wix etc....
What kind of client wants or "needs" svelte, nextjs etc? I don't get that.
He answered that question in the first 2 min of the video man
So a CMS is a place where you can store data for your site. Blog posts data is the most common example. Wordpress is the most common example of this going back many years. Problem with Wordpress is (before) you would have to use wordpress to create the site as well as the data. However, lots of people have other ways they want to build their site. So instead of having a CMS and website tied together, you can separate them to get the best of both worlds and flexibility. That's where headless comes into play
Omg your thumbnail cracked me up
I LOLed at the thumbnail 😂
I thought it was fun!!
Cloudcannon does the same, is much much cheaper (unlimited sites), git-based (so no traffic bs) and they just released compatibility for Sveltekit (as well as Next, Astro, Hugo etc.)....
I’ll have to check it out!
The only downside currently with CloudCannon is the site has to be statically rendered. If you have anything dynamic, like auth based UI, etc. It doesn't work for that yet.
I guess the real benefit would be to plug a preview instance/URL rather than a local one for marketing teams? 🤔
My comment disappeared about the comparison between storyblok and sanity visual CMS ☹️
Please mark ads clearly
Is there something else I can do other then call it out in the video and in the description? I would have thought that made it pretty clear.
@@JamesQQuick "Is This THE BEST commercial Visual Editor In a Headless CMS?" would have been a better video title because then those of us without money would not bother to watch.
@@JamesQQuick I don't see commercial mentioned in the description.
I’m pretty sure you didn’t read the description. It has asterisks around the sentence that says “Sponsored By Storyblok”. Not sure I can do much more. Thanks for watching though
Using it at work and not liking SB at all.
Oh really? Any feedback?
@@JamesQQuick Bugs, bugs, bugs, slow fixes.
@@mso-leap Sanity is solid
Looks like you have fallen into the trap.
People are all gun ho headless until they realize "Wait.. My authoring experience is gone?"
Building a traditional CMS authoring experience on top of a "headless" CMS
Headless is great until it isnt
There is a good udemy course out for next js + headless WordPress that shows you how to parse / render block columns, etc.
"my favorite live preview visual editor" that you've never used until they asked for sponsorship? Sorry, but I don't really think this is the way.
100% this way. What sponsorship does is prioritize me to create content on something I’m already interested in. I don’t do sponsorships I’m not interested in. I also have full control over the content so I choose the topic. In this case I chose something I really really enjoy which is the visual editor. If you have other feedback I’m open but I did this video because I believe in it.
1st here!
Nice!
nope.
Nuxt has a module for storyblok. Much more easy to use.
Webflow makes more sense than Storyblok when comparing price, features and use case.
Edit: I made a mistake, I didn’t realize there was a free tier until I scrolled to the bottom of the page. Looks like a great alternative! Thanks for the video!
Yeahh! Definitely a good free tier! Hope you enjoy it!
I've heard about Storyblok but I never used it. Thanks James !
Nuxt + Storyblok = Amazing