7 ms·

Are there any good options for an open source headless CMS that works with a static site generator that has a page builder that has quick and accurate live pre

Are there any good options for an open source headless CMS that works with a static site generator that has a page builder that has quick and accurate live previews before you deploy? E.g. so you can build new landing pages from header, testimonial and contact form blocks. There's lots of options if you just want Markdown but this isn't enough for heavily branded business websites where you need to check how complex pages will look before they go live, like if the h1 text in the header line wraps weird or is hard to read against the header background image. Edit: I get that CMS projects need to make money by the way but the lack of vendor lock-in is a big upside to WordPress. Netlify CMS might be an option (https://www.manuelkruisz.com/blog/posts/custom-previews-nextjs-netlifycms https://www.manuelkruisz.com/blog/posts/custom-previews-next...)?

jawngee 5y ago
+1 Directus
hunterb123 5y ago
Yes, Strapi (https://strapi.io/ https://strapi.io/) though I'm not sure about previews. https://www.sanity.io/studio https://www.sanity.io/studio is open source, but some parts of the CMS aren't I don't think. Possibly there could be an adapter to use Sanity Studio w/ Strapi?
- seanwilson 5y ago
  Looks like Strapi has paid only features. Are these significant to most sites? https://strapi.io/pricing-self-hosted https://strapi.io/pricing-self-hosted "Free...Up to 3 default roles" https://strapi.io/blog/introducing-strapi-enterprise-edition-beta-and-plans https://strapi.io/blog/introducing-strapi-enterprise-edition... Sanity.io doesn't seem to be fully open source: https://github.com/sanity-io/sanity/issues/978 https://github.com/sanity-io/sanity/issues/978 "You can only run the Studio connected to the Sanity hosted backend. There is no option for connecting the Studio to another backend."
  - lucas_codes 5y ago
    I'm using it. The docs leave a little to be desired if you're customizing (they just released a new major version), but you can customize and replace the rich text editor with your own, add a preview button, add a deploy button, etc. If you want a wordpress replacement though, there will be a big learning curve as it's a general-purpose CMS, not specifically for blogs.
  - hunterb123 5y ago
    StrapiCMS is MIT licensed and any role limit could easily be mitigated.
    - seanwilson 5y ago
      https://github.com/strapi/strapi/blob/master/LICENSE https://github.com/strapi/strapi/blob/master/LICENSE "* All software that resides under an "ee/" directory (the “EE Software”), if that directory exists, is licensed under the license defined in "ee/LICENSE"." What features does that impact?
      - hunterb123 5y ago
        I don't know? If some functionality is desired, alternative backends could be developed. If the only limitation is 3 roles apparently, then admin, manager, and writer could be acceptable for most companies.
- pictur 5y ago
  strapi is an exciting project that is trying to do too much, but I don't think they are a good alternative to WordPress. They need to stop adding features and start making it work stable.
xyzzyrz 5y ago
For building these kinds of pages, there are now actual page builders worth considering that work with various frameworks, like https://www.plasmic.app https://www.plasmic.app which also lets you drag and drop your own components/blocks.
- seanwilson 5y ago
  Doesn't look like it's open source: https://forum.plasmic.app/t/any-plans-for-self-hosted-plasmic/230/2 https://forum.plasmic.app/t/any-plans-for-self-hosted-plasmi... "We don’t currently have plans for a self-hosted solution"
chyeah 5y ago
Prismic's "slices" might be what you're looking for if you want out-of-the-box functionality and hosting. If you're wanting a bit more flexibility from a code-perspective (and you don't mind TypeScript), I've found Payload CMS to be a great option to build out a page builder as you've described using their "blocks".
- seanwilson 5y ago
  Looks like Prismic and Payload CMS aren't open source? https://github.com/payloadcms/payload/blob/master/license.md https://github.com/payloadcms/payload/blob/master/license.md - "Payload is free to download and install—and free to use for Personal Purposes. We are passionate about Payload, and we hope that you will enjoy it, too. A valid license is required to utilize Payload as detailed below" https://prismic.io/faq/product https://prismic.io/faq/product - "Proprietary, not open source"
  - chyeah 5y ago
    Ah, you are correct. I missed that aspect of your question.
  - sneek_ 5y ago
    Ahhh thanks for the shout out to Payload! I'm one of the founders. seanwilson, Payload is technically open source and completely free forever for up to one admin panel user. There are no restrictions at all besides that and the code is fully open on GitHub. Would this model work for you, or would you like to see changes to our current model?
    - seanwilson 5y ago
      > Payload is technically open source and completely free forever for up to one admin panel user. Can you explain how the licensing works here? If it's open source, couldn't you modify it to allow more admin panel users? Can you self-host with no reliance on other hosted services or paid licenses?
andrei_says_ 5y ago
CraftCMS is great and free for single admin. Can’t recommend it enough. If combining with a static site generator you can find craftcms hosting for $5/month.
- seanwilson 5y ago
  Doesn't seem to be open source: https://github.com/craftcms/cms/blob/develop/LICENSE.md https://github.com/craftcms/cms/blob/develop/LICENSE.md
  - ivanmontillam 5y ago
    It doesn't have to be open source to be successful. I understand that open source things can increase reach of the product, but that's at the expense of proper software support. Let's accept some proprietary software in our lives. Sometimes these have demostrated technical superiority.
    - gnz11 5y ago
      > I understand that open source things can increase reach of the product, but that's at the expense of proper software support. Lots of open source projects offer premium support. > Let's accept some proprietary software in our lives. Sometimes these have demostrated technical superiority. Sure, but let's not pretend proprietary vendors know more than open-source projects and contributors. Also, if your product is ultimately the content itself, it's an enormous risk to hand that over to third parties that want to take control of it. You are explicitly coupling yourself to the success of the proprietary software vendor.
  - andrei_says_ 5y ago
    I believe the source is available on github and the team accepts pull requests. Single user license is free.
- amiga-workbench 5y ago
  We're currently having painful performance issues with Craft at work. It takes 300ms+ just for an empty craft installation to return an empty page. Saving entries to the database programatically is slow too, one of our sites has a nightly sync process, only needs to touch a few thousand entities, with a normal database schema that workload is doable in seconds, with Craft it takes hours.
joshvm 5y ago
Depends how complex you want. Jekyll --watch is fine for testing blogs and reloads very fast with --incremental builds. We have it set up with a self hosted netlify for editors - updates get pushed to a repo by netlify, the repo is watched by Google cloud build and the site is automatically updated on save. All on free tier services. Frequent updates will hammer the build server (if you build on each push) so could eg push to a dev branch and merge-to-main with a cron job every so often. You could run a dev server and port forward the preview if necessary.
imilk 5y ago
Directus is an amazing open source tool that you can self host as easy as deploying a Node app. You can setup content types with a nice UI, very configurable roles so a client can't break the site, a media library that can hook into S3/DO Spaces, a REST or Graphql API built in, webhooks, revisions, works with many different DBs, and a bit more I'm not thinking of. I'm not affiliated with them at all. Was just very pleased to find how polished it is for a self hosted, free product compared to the other $499/mth proprietary options in the space. https://directus.io/ https://directus.io/ https://github.com/directus/directus https://github.com/directus/directus
- prog5 5y ago
  This looks amazing thank you. I'm curious about the REST API part. Have you used that before? How configureable is it? It sounds like a scaffold of some sort... but, what if I needed to do some custom data processing on the data before returning it in the API, are there hooks for that?
  - imilk 5y ago
    I'm not an expert since I used it for a few projects about a year ago. But the web hooks are mostly for when items are added/updated/deleted. They have pretty useful API parameters for transforming images. But my initial instinct is to say that you'll have to do custom data processing in the front end or somewhere else, since the API it generates just mirrors the structure of your database. The nice thing about this approach is that you can always remove Directus from a project and your database will function as normal. They also have pretty use docs which you can check out for your usecase: https://docs.directus.io/reference/introduction/ https://docs.directus.io/reference/introduction/ edit: I should also add that you can add your own custom modules, but I never really explored that too much.
  - sneek_ 5y ago
    Hey prog5, you should check out Payload CMS if you need that type of flexibility and extensibility. Payload has Hooks that allow you to do exactly what you're saying.
- 5y ago
askbill 5y ago
We use WordPress with the Gutenberg editor and Gatsby Cloud. It’s been very nice to work with and the Gatsby Cloud team seems to pay a lot of attention to the editorial and deploy experience. We’re happy and this is how we’re building things today.
marc_io 5y ago
Stackbit can do that in its premium plan. It's not open source, unfortunately. https://docs.stackbit.com/conceptual-guides/modeling-storing-content/where-content-lives/ https://docs.stackbit.com/conceptual-guides/modeling-storing...
atoav 5y ago
I use lektor, it has a preview server with a editor, works for multilanguage sites, themes are easily extended/modified etc. You basically run "lektor serve" edit your site locally in the backend and then once you are done you click "publish" in the backend and it copies the site to the webserver via scp (provided you have the ssh credentials). Simple and effective. For anything more sophisticated I use grav CMS
- wingmanjd 5y ago
  I love GravCMS. I transitioned to Grav from Drupal right as D8 was coming out for my personal projects. Not having to worry about a db was so nice
  - omnimus 5y ago
    I used to use Grav. If you want similar more mature and “zen” try Kirby CMS. I am not afiliated but ive been loving it for years. It’s commercial product but i think of it as high-end Grav. More polished and with better admin interface. Actually since Kirby is older i believe Grav was inspired by it a lot.
    - atoav 5y ago
      Thanks for the hint I gotta check it out.
dgellow 5y ago
Not sure if that’s what you describe but I used Grav: https://getgrav.org/ https://getgrav.org/. It’s written in modern PHP and provide a simple UI to edit an manage your site. No database is needed.
- mortenjorck 5y ago
  Grav is fantastic. It’s as flexible as ProcessWire, yet with the simplicity and low overhead of a flat-file CMS. I’ve used it for sites ranging from a portfolio to an experimental art project.
chris_wot 5y ago
What is a headless CMS?
- detaro 5y ago
  A CMS without the consumer-facing frontend. (i.e. just storage and backend editing UI, with APIs exposed you can hook a custom frontend to)
throw0101a 5y ago
> Are there any good options for an open source headless CMS that works with a static site generator that has a page builder that has quick and accurate live previews before you deploy? E.g. so you can build new landing pages from header, testimonial and contact form blocks. WordPress with a plug-in that spits out the static site? E.g.: * https://wordpress.org/plugins/simply-static/ https://wordpress.org/plugins/simply-static/ Edit/update via GUI, generate the static site, view it locally, rsync it to your hosting provider.
vgb2k18 5y ago
Wagtail - https://wagtail.io/ https://wagtail.io/
- imilk 5y ago
  Never heard of this before, but it does look very useful.
illuminea 5y ago
You can try Strattic - it turns WordPress into a static site generator so you can use page builders etc. as usual, and then in one click generate the static version of the site. https://www.strattic.com https://www.strattic.com

jawngee 5y ago

+1 Directus

hunterb123 5y ago

Yes, Strapi (https://strapi.io/ https://strapi.io/) though I'm not sure about previews. https://www.sanity.io/studio https://www.sanity.io/studio is open source, but some parts of the CMS aren't I don't think. Possibly there could be an adapter to use Sanity Studio w/ Strapi?

seanwilson 5y ago
Looks like Strapi has paid only features. Are these significant to most sites? https://strapi.io/pricing-self-hosted https://strapi.io/pricing-self-hosted "Free...Up to 3 default roles" https://strapi.io/blog/introducing-strapi-enterprise-edition-beta-and-plans https://strapi.io/blog/introducing-strapi-enterprise-edition... Sanity.io doesn't seem to be fully open source: https://github.com/sanity-io/sanity/issues/978 https://github.com/sanity-io/sanity/issues/978 "You can only run the Studio connected to the Sanity hosted backend. There is no option for connecting the Studio to another backend."
- lucas_codes 5y ago
  I'm using it. The docs leave a little to be desired if you're customizing (they just released a new major version), but you can customize and replace the rich text editor with your own, add a preview button, add a deploy button, etc. If you want a wordpress replacement though, there will be a big learning curve as it's a general-purpose CMS, not specifically for blogs.
- hunterb123 5y ago
  StrapiCMS is MIT licensed and any role limit could easily be mitigated.
  - seanwilson 5y ago
    https://github.com/strapi/strapi/blob/master/LICENSE https://github.com/strapi/strapi/blob/master/LICENSE "* All software that resides under an "ee/" directory (the “EE Software”), if that directory exists, is licensed under the license defined in "ee/LICENSE"." What features does that impact?
    - hunterb123 5y ago
      I don't know? If some functionality is desired, alternative backends could be developed. If the only limitation is 3 roles apparently, then admin, manager, and writer could be acceptable for most companies.
pictur 5y ago
strapi is an exciting project that is trying to do too much, but I don't think they are a good alternative to WordPress. They need to stop adding features and start making it work stable.

xyzzyrz 5y ago

For building these kinds of pages, there are now actual page builders worth considering that work with various frameworks, like https://www.plasmic.app https://www.plasmic.app which also lets you drag and drop your own components/blocks.

seanwilson 5y ago
Doesn't look like it's open source: https://forum.plasmic.app/t/any-plans-for-self-hosted-plasmic/230/2 https://forum.plasmic.app/t/any-plans-for-self-hosted-plasmi... "We don’t currently have plans for a self-hosted solution"

chyeah 5y ago

Prismic's "slices" might be what you're looking for if you want out-of-the-box functionality and hosting. If you're wanting a bit more flexibility from a code-perspective (and you don't mind TypeScript), I've found Payload CMS to be a great option to build out a page builder as you've described using their "blocks".

seanwilson 5y ago
Looks like Prismic and Payload CMS aren't open source? https://github.com/payloadcms/payload/blob/master/license.md https://github.com/payloadcms/payload/blob/master/license.md - "Payload is free to download and install—and free to use for Personal Purposes. We are passionate about Payload, and we hope that you will enjoy it, too. A valid license is required to utilize Payload as detailed below" https://prismic.io/faq/product https://prismic.io/faq/product - "Proprietary, not open source"
- chyeah 5y ago
  Ah, you are correct. I missed that aspect of your question.
- sneek_ 5y ago
  Ahhh thanks for the shout out to Payload! I'm one of the founders. seanwilson, Payload is technically open source and completely free forever for up to one admin panel user. There are no restrictions at all besides that and the code is fully open on GitHub. Would this model work for you, or would you like to see changes to our current model?
  - seanwilson 5y ago
    > Payload is technically open source and completely free forever for up to one admin panel user. Can you explain how the licensing works here? If it's open source, couldn't you modify it to allow more admin panel users? Can you self-host with no reliance on other hosted services or paid licenses?

andrei_says_ 5y ago

CraftCMS is great and free for single admin. Can’t recommend it enough. If combining with a static site generator you can find craftcms hosting for $5/month.

seanwilson 5y ago
Doesn't seem to be open source: https://github.com/craftcms/cms/blob/develop/LICENSE.md https://github.com/craftcms/cms/blob/develop/LICENSE.md
- ivanmontillam 5y ago
  It doesn't have to be open source to be successful. I understand that open source things can increase reach of the product, but that's at the expense of proper software support. Let's accept some proprietary software in our lives. Sometimes these have demostrated technical superiority.
  - gnz11 5y ago
    > I understand that open source things can increase reach of the product, but that's at the expense of proper software support. Lots of open source projects offer premium support. > Let's accept some proprietary software in our lives. Sometimes these have demostrated technical superiority. Sure, but let's not pretend proprietary vendors know more than open-source projects and contributors. Also, if your product is ultimately the content itself, it's an enormous risk to hand that over to third parties that want to take control of it. You are explicitly coupling yourself to the success of the proprietary software vendor.
- andrei_says_ 5y ago
  I believe the source is available on github and the team accepts pull requests. Single user license is free.
amiga-workbench 5y ago
We're currently having painful performance issues with Craft at work. It takes 300ms+ just for an empty craft installation to return an empty page. Saving entries to the database programatically is slow too, one of our sites has a nightly sync process, only needs to touch a few thousand entities, with a normal database schema that workload is doable in seconds, with Craft it takes hours.

joshvm 5y ago

Depends how complex you want. Jekyll --watch is fine for testing blogs and reloads very fast with --incremental builds. We have it set up with a self hosted netlify for editors - updates get pushed to a repo by netlify, the repo is watched by Google cloud build and the site is automatically updated on save. All on free tier services. Frequent updates will hammer the build server (if you build on each push) so could eg push to a dev branch and merge-to-main with a cron job every so often. You could run a dev server and port forward the preview if necessary.

imilk 5y ago

Directus is an amazing open source tool that you can self host as easy as deploying a Node app. You can setup content types with a nice UI, very configurable roles so a client can't break the site, a media library that can hook into S3/DO Spaces, a REST or Graphql API built in, webhooks, revisions, works with many different DBs, and a bit more I'm not thinking of. I'm not affiliated with them at all. Was just very pleased to find how polished it is for a self hosted, free product compared to the other $499/mth proprietary options in the space. https://directus.io/ https://directus.io/ https://github.com/directus/directus https://github.com/directus/directus

prog5 5y ago
This looks amazing thank you. I'm curious about the REST API part. Have you used that before? How configureable is it? It sounds like a scaffold of some sort... but, what if I needed to do some custom data processing on the data before returning it in the API, are there hooks for that?
- imilk 5y ago
  I'm not an expert since I used it for a few projects about a year ago. But the web hooks are mostly for when items are added/updated/deleted. They have pretty useful API parameters for transforming images. But my initial instinct is to say that you'll have to do custom data processing in the front end or somewhere else, since the API it generates just mirrors the structure of your database. The nice thing about this approach is that you can always remove Directus from a project and your database will function as normal. They also have pretty use docs which you can check out for your usecase: https://docs.directus.io/reference/introduction/ https://docs.directus.io/reference/introduction/ edit: I should also add that you can add your own custom modules, but I never really explored that too much.
- sneek_ 5y ago
  Hey prog5, you should check out Payload CMS if you need that type of flexibility and extensibility. Payload has Hooks that allow you to do exactly what you're saying.
5y ago

askbill 5y ago

We use WordPress with the Gutenberg editor and Gatsby Cloud. It’s been very nice to work with and the Gatsby Cloud team seems to pay a lot of attention to the editorial and deploy experience. We’re happy and this is how we’re building things today.

marc_io 5y ago

Stackbit can do that in its premium plan. It's not open source, unfortunately. https://docs.stackbit.com/conceptual-guides/modeling-storing-content/where-content-lives/ https://docs.stackbit.com/conceptual-guides/modeling-storing...

atoav 5y ago

I use lektor, it has a preview server with a editor, works for multilanguage sites, themes are easily extended/modified etc. You basically run "lektor serve" edit your site locally in the backend and then once you are done you click "publish" in the backend and it copies the site to the webserver via scp (provided you have the ssh credentials). Simple and effective. For anything more sophisticated I use grav CMS

wingmanjd 5y ago
I love GravCMS. I transitioned to Grav from Drupal right as D8 was coming out for my personal projects. Not having to worry about a db was so nice
- omnimus 5y ago
  I used to use Grav. If you want similar more mature and “zen” try Kirby CMS. I am not afiliated but ive been loving it for years. It’s commercial product but i think of it as high-end Grav. More polished and with better admin interface. Actually since Kirby is older i believe Grav was inspired by it a lot.
  - atoav 5y ago
    Thanks for the hint I gotta check it out.

dgellow 5y ago

Not sure if that’s what you describe but I used Grav: https://getgrav.org/ https://getgrav.org/. It’s written in modern PHP and provide a simple UI to edit an manage your site. No database is needed.

mortenjorck 5y ago
Grav is fantastic. It’s as flexible as ProcessWire, yet with the simplicity and low overhead of a flat-file CMS. I’ve used it for sites ranging from a portfolio to an experimental art project.

chris_wot 5y ago

What is a headless CMS?

detaro 5y ago
A CMS without the consumer-facing frontend. (i.e. just storage and backend editing UI, with APIs exposed you can hook a custom frontend to)

throw0101a 5y ago

> Are there any good options for an open source headless CMS that works with a static site generator that has a page builder that has quick and accurate live previews before you deploy? E.g. so you can build new landing pages from header, testimonial and contact form blocks. WordPress with a plug-in that spits out the static site? E.g.: * https://wordpress.org/plugins/simply-static/ https://wordpress.org/plugins/simply-static/ Edit/update via GUI, generate the static site, view it locally, rsync it to your hosting provider.

vgb2k18 5y ago

Wagtail - https://wagtail.io/ https://wagtail.io/

imilk 5y ago
Never heard of this before, but it does look very useful.

illuminea 5y ago

You can try Strattic - it turns WordPress into a static site generator so you can use page builders etc. as usual, and then in one click generate the static version of the site. https://www.strattic.com https://www.strattic.com