DEV Community 👩‍💻👨‍💻

Monica Stevens
Monica Stevens

Posted on

What non-CMS tools would you use to make a small but growing website?

I'm making a website for my husband's construction company and the initial features will be:

  • A static home page
  • Blog posts that he can create and edit

But over time I'd like to add:

  • More pages
  • A dashboard for clients and employees, ideally available offline
  • Complex forms

My first thought is to start with the Hugo static site generator and add a React app later for the dashboard and forms.

But what tools would you choose?

I'd rather not lock myself into a CMS and I think that would more headache than help anyway. Thanks!

Top comments (27)

Collapse
phlash profile image
Phil Ashby • Edited on

I had similar needs of my own, and chose:

  • Hugo for site generation
  • Content managed in Github (private repo)
  • VScode for manual editing of markdown and configs
  • Self-hosted, because I already did that and like to own stuff (also pain!)
  • Github webhook to trigger redeploys
  • Netlify CMS to provide a nice GUI, avoiding the details of gitflow for most things and not imposing it's own ideas on content structure / format (I have less-technical friends)
  • netlify-cms-oauth-provider-go to connect my self-hosted site to Github without sending credentials to Netlify, although I needed a couple of fixes.

Current test site phil.ashbysoft.com/hugo-test/

Collapse
tdbaylis profile image
Td Baylis

Speaking of Netlify, I was gonna ask: how about combining headless with WordPress? I stumbled upon this article on Netlify benchmarking a WP site pre/post-headless switch and the results are pretty impressive.

Netlify WP headless CMS article

Have you thought about a headless multisite (not sure if you are planning on servicing different companies, but this could add merit to something like WP if you go the headless route)?

Collapse
drmikecrowe profile image
drmikecrowe

One of the downsides with headless WordPress is where you host WordPress so you can access the posts via API. I've looked at Gatsby + WordPress, and it's pretty slick. However, a free WordPress.com account doesn't let you get the posts via API as best I can tell. I suppose you could run it locally, though

Collapse
mon_ste_cat profile image
Monica Stevens Author

Someone else suggested a headless CMS too, I am considering it now 👍

Collapse
devdrake0 profile image
Si

Is there any reason you don't want to go for a CMS? The best thing you could do, to avoid reinventing the wheel, is to use a CMS that will help you move on if you want/need to.

I'm an avid user of Ghost CMS and would recommend giving it a look. The very worst case, you outgrow their templating language and use it as a headless CMS with React...

Collapse
mon_ste_cat profile image
Monica Stevens Author

Mainly because:

  1. I want to keep things lightweight, simple and easy to customize.
  2. I used to make Drupal, DNN, Wordpress, etc. themes and they're great tools but they can easily become bulky and unwieldy.
  3. As the website's primary maintainer, I'm not going to need the themes or full editability that a CMS provides.

You've got me thinking though, I wonder if it would make sense to use a headless Ghost (lol) to generate blog posts and Gatsby or Hugo or whatever for the rest of the site.

Collapse
devdrake0 profile image
Si

I completely understand why you wouldn't want to use the templating of a CMS. If you want full customisation ability and are a web developer, it makes sense to want to make it yourself.

But I would suggest a headless CMS :) it reduces the burden on you to add new pages etc, and empowers your user base to do it themselves.

Find one that has RBAC baked in 😊 I know ghost does, but not sure if you can utilise in with headless mode.

Thread Thread
mon_ste_cat profile image
Monica Stevens Author

Cool, thanks for the tips! I’ll look into that 👍

Thread Thread
devdrake0 profile image
Si

No worries! Good luck and hope it all goes well.

If you need any help, give me a shout 👍

Collapse
jarodpeachey profile image
Jarod Peachey

I would use GatsbyJS as the Static Site Generator, and host it on Netlify. Netlify comes with forms, so you can set those up. Netlify also comes with a CMS option. If you don't use the Netlify CMS, Gatsby easily integrates with other CMSs

Collapse
mon_ste_cat profile image
Monica Stevens Author

Gatsby easily integrates with other CMSs

Didn't know that, that's cool.

Collapse
jacobmgevans profile image
Jacob Evans

Sounds like currently, you could start off pretty vanilla HTML, JS, and JSON. Using a lot of static JSON. Could just deploy anywhere though I suggest Netlify or Firebase... Heroku is still good too 🙂

Eventually moving towards other tools as you need them and decide what you like.

Collapse
jacobmgevans profile image
Jacob Evans

Gatsby might be well suited for this or the future features.

Collapse
avalander profile image
Avalander

I had to do a simple static webpage recently and I went with plain html and css. The only fancy thing I did was keeping the content in a json file and adding it to the html files with mustache because it had to support multiple languages.

Collapse
pavelloz profile image
Paweł Kowalski • Edited on

I was looking into just this recently, for my friend, and the best i could figure out (that could be later managed by totally non technical person) was:

  • Github pages as hosting
  • Publii as static site generator

Im not sure forms will be possible, but i would use things like formspree, or any other service like that, to handle that part. Its very easy to use.

Collapse
mon_ste_cat profile image
Monica Stevens Author

Oh I haven't heard of Publii, thanks!

mon_ste_cat profile image
Monica Stevens Author

I mean yeah, if your current toolset is doing what you need it to do don't complicate things.

React has been around since 2011 but Gatsby is pretty new. Gatsby might be simpler than you think though, it serves static html same as your WordPress setup.

Collapse
aumayeung profile image
John Au-Yeung

So far Grammarly was pretty helpful for catching typos.

I wish there's something like for VS Code.

Collapse
bjprodneyl profile image
Rodney Little

Have you tried Pinegrow?
pinegrow.com/

It is great for mockups, prototyping and designing visually, yet still gives full control of the standards compliant code it generates.

Collapse
mon_ste_cat profile image
Monica Stevens Author

That's not quite the kind of tool I'm looking for but thanks.

Collapse
bjprodneyl profile image
Rodney Little

Sure thing. :)

Collapse
devdrake0 profile image
Si

It will give you the fastest website load?

No, it won't. WordPress is not the fastest.

Collapse
mon_ste_cat profile image
Monica Stevens Author

Using Wordpress for my project would feel like using a helicopter to cross a road. Effective but a little much.

I answered the same question from Si about CMSs if you want to check that out.

Collapse
joel23viky profile image
joel23viky

Hola monica the session excelente y exitoso dia

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.