Ask HN: Static site generator with web UI?

[rahimnathwani]

Wordpress has long been an easy way to set up a brochure-ware site which can be maintained by a non-technical user. Someone just needs to install it, customise a (free or paid) theme, and occasionally install updates. The business owner can add/edit pages whenever they want, without assistance.

Are there tools for maintaining static sites which are as easy to use (after initial set up), or is Wordpress still the way to go?

[jasongill]

I know that you're probably looking for an alternative to WordPress, but here's what I do at my company.

We have an internal WordPress installation where (non-technical) staff can make posts & pages, use their favorite themes & plugins, etc. Everyone can view the internal site to critique it, make changes, and basically screw around without touching the live site.

Once they have the site ready to release, we use a simple plugin (ignore the "outdated" warning): https://wordpress.org/plugins/static-html-output-plugin/ which basically exports the site to a static copy as a zip file containing all of the HTML and other static assets.

We made a little deploy script which loads the zip file on our Nginx webserver, moves the old "build" of the site to an archive directory (so we can still retrieve it in case the new site is broken), regex'es the files to change some things (such as wp-content/ URL's) to point to our CDN, etc. Once everyone has QA'ed the site on the internal server, we just run the deploy script and now the new version is live.

This has worked out great for us - no one had to learn a new CMS; we can easily change WordPress versions (or, switch to an entirely new WordPress install), add new plugins, and mess around with stuff without breaking the live site. Plus, the site is served entirely as static files from a lightweight machine which runs only Nginx - no PHP, database, or anything else.

Note that obviously any "dynamic" features of the site (like comments) won't work, but that doesn't impact us.

Our site is in the Alexa top 5000 and we've been using this setup for over a year without any site downtime, broken theme issues due to version updates, scrambling to update due to WP security issues, or any other annoyances that come with using WordPress.

[maxdeviant]

Your solution sounds like exactly what I need!

Currently upgrading my company's existing website, and was looking into WordPress as a CMS. The security concerns and the resource costs of using WordPress were key detractors, but this sounds like it could be the answer for us as well.

[timepiece]

But you're almost entirely relying on this black-box plugin constituting a systemic risk (critical path) in your process.

For me, I'm afraid that this is not 100% reliable solution for me.

[joshrowley]

I highly recommend you check out roots (http://roots.cx/), a static site generator that lets you use a CMS like Wordpress to manage content and then pulls data from its API to build a static site.

We've set up a full featured publishing workflow by coupling this with outgoing webhooks on Wordpress using hookpress and a great static hosting platform called Netlify that accepts incoming webhooks to trigger new static builds with roots when content is updated on Wordpress.

So far it's been fantastic for us. We enjoy all the benefits of a static site: low hosting costs, simple infrastructure, highly scalable, and virtually zero downtime, while still giving our users a familiar CMS interface.

We're are using a similar workflow to power our site (http://carrot.is/) but instead of Wordpress we're using Contentful, an API-based CMS with webhook support. Luckily, roots has a very flexible extensions API, so whatever CMS you want to use, as long as it has an API it can be turned into a static site.

Here's an example of how to set this up with Wordpress: https://github.com/carrot/roots-wordpress-example

As well as the two CMS extensions we've built so far: https://github.com/carrot/roots-wordpress https://github.com/carrot/roots-contentful

We really love it, and are happy to answer any questions from people considering a similar setup or who are interested in learning more about roots.

[santoriv]

Full Disclosure: I'm the founder of Makemake.io.

You could use an online website creation tool. There are several robust solutions available including Weebly, Squarespace, and Wix. There are many integrations and add-ons available that target small businesses. It does cost a bit more than running a cheap hosting plan on Wordpress, but you do get support and it requires no technical expertise at all to get started.

If you have only static content and want to create an animated brochure-ware site, I would ask you to consider looking at Makemake.io. It features a simple drag-and-drop editor with no coding required.

If you need to integrate database driven features (contact forms, a shopping cart, etc), I would definitely investigate one of the former options. It just depends on your requirements.

[S4M]

I just tried Makemake.io, it's pretty neat. One thing I'd really like with it, is to be able to save on my hard drive the page I just made, so I could use integrate it with my own website not hosted as your subdomain.

Anyway, keep up the good work!

[tadmilbourn]

Webflow - https://www.webflow.com - Let's you build responsive sites in a web UI without code. I'm a non-technical founder and I use it for our marketing site (works across browsers, has CSS animations). Our devs have never even touched it. I've been very, very happy with it.

[tripzilch]

I took a look at this, and it seems to be aimed at designers? While I'm sure that it's a fantastic tool (also judging from the other positive comments), what if the target audience (the non-technical end-users editing the content) also can't design their way out of a wet paper box?

(Frankly, I would prefer to not even let them touch the content ...)

[fillskills]

I am a big fan of webflow after using it for some of our live sites. Great platform! The only thing is that it gets expensive for multiple users

[rdpfeffer]

Hey Guys, Head of Engineering at SendHub here. We recently switched over to using webflow for our marketing pages (everything under www) and have not looked back! It's really nice to be able to knock out custom responsive pages quickly all while enabling non-technical people to make minor edits. One thing we like in particular is the ability to easily push changes to different subdomains. Finally, if we ever do decide that we need something different (doubtful in the foreseeable future) the code that webflow generates is beautiful and maintainable. Webflow has huge fans at SendHub.

[ajfytns]

Webflow.com -- hands down. Having used Wix, Squarespace, Weebly and WordPress, Webflow just provides you with so much more control and pixel perfect accuracy.

Although the learning curve is a little higher than SquareSpace/Wix, it's actually worth it. As a non-dev designer, it has allowed us to deploy all our sites effortlessly with the same fluidity and crisp animations as you'd expect from a grassroots buildup. It also allows you to export your (clean) code.

I honestly would never go back to anything. Webflow is how a GUI for website builders should be.

[yuvadam]

http://prose.io/ is a CMS for statically generated sites (i.e. Jekyll)

[alanpca]

Sounds awesome, but I really dislike not being able to see a screenshot before having to connect my github account...

[kaishiro]

This is sort of my bread and butter. I almost predominantly use siteleaf.com and prismic.io as my cloud based CMS solutions. They both have great APIs that can be easy to consume depending on your setup.

I do all of my site building in Middleman, and during the Middleman build process consume the requisite API to load into Middleman's local data method. Upon complete, I sync everything up to S3. I use Heroku just for its Scheduler and run the compile every 10 minutes.

It's kind of neat, because I can have the Middleman scaffolding sitting in a repo, and the content sitting in Siteleaf/Prismic for the client to play with. And the hosting on S3 costs ~$3/month. It makes for a pretty dynamic static site.

[timepiece]

Your tech stack looks interesting but why "Middleman" and not for example "Jekyll" ?

[WhitneyLand]

Side note, does this exist for mobile apps?

I see plenty of prototyping tools and have no idea why they do not generate nice native iOS and Android code as starting point to building the remaining parts of an app.

[colinbartlett]

Ionic Creator does exactly that! (Though not "native" as it generates HTML/JS for compilation with Cordova.)

http://ionicframework.com/creator/

[kendalk]

The Hugo team has been thinking about how to set up a web frontend.

http://discuss.gohugo.io/t/web-based-editor/155

Hugo -- http://gohugo.io/

[Kexoth]

There are some ways for content delivery as far as I know. https://docpad.org/docs/plugins#custom-interfaces https://github.com/yortz/octopress-admin https://github.com/zkarpinski/Jekyll-Admin

I will go as a selling point for them the performance & simplicity. It's also easier to maintain for a person with some technical knowledge than Wordpress regarding updating the core & the plugins.

[blainsmith]

For side jobs I always use http://statamic.com since it is all flat files that I can edit in a text editor, but my clients can use the GUI admin. I can use Git with it and you can turn it on for the admin to so any edits made by the GUI are committed as well.

I am good friends with the creator as well, but I would still use it otherwise.

[etaque]

You might want to give a try to Prismic.io (for backend UI) + backed.js (for static generation, consumes Prismic API):

https://prismic.io/ https://github.com/prismicio/baked.js

disclaimer: I work at the company backing the project, although not on this product.

[eloisant]

BTW Prismic.io can also be used with Metalsmith: https://github.com/mbanting/metalsmith-prismic

[88e282102ae2e5b]

I use Nikola with the "webapp" plugin [1]. It's still too much for non-technical users, but with some polish you could probably get it to be usable by anyone.

1) http://ralsina.me/weblog/posts/preview-of-nikola-webapp.html

[frenchinjapan]

The Grid (thegrid.io) looks very promising in this area but won't be available right away ("end of Spring"). You will get a web UI as well as iPhone and Android apps to manage your content, and static pages get generated automatically. Check it out if you're not in a hurry.

[thenomad]

There was a CMS based on Dropbox which I think produced static pages, although I don't recall the name of it.

Obviously, a Dropbox-based interface is really easy to use, provided the user can get the hang of very basic Markdown (which seems not to be a problem for non-technical users judging from Reddit).

[danwakefield]

PicoCMS might fit the bill. PHP with files as markdown, semi static as markdown is parsed on each page hit but that could easily be cached.

It has an editor plugin that allows live editing of the content.

http://picocms.org/plugins.html

[ianwalter]

I use http://www.siteleaf.com its got a nice web UI and it uses liquid templates and Jekyll behind the scenes I think so it's pretty easy to write template logic and you can host on github pages for free.

[evan_]

Squarespace is actually pretty good for this. You can get discount codes from basically any podcast.

[currywurst]

Ghost (https://ghost.org/) has many themes that can be considered brochure-ware. The editing is in Markdown.

[jwcrux]

I don't think Ghost is static, though. TMK everything is stored in a sqlite db.