Frameworks for creating a static web-page?

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/webdev

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • Hugo

    The world’s fastest framework for building websites.

    Rather than a framework, I would suggest a tool: Hugo.

  • html5-boilerplate

    A professional front-end template for building fast, robust, and adaptable web apps or sites.

    https://html5boilerplate.com/ + CSS framework eventually (easier to create a responsive website, which I think is the trickiest part) + gulp or webpack for task automation (e.g. minifying)

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • SvelteKit

    The fastest way to build Svelte apps (by sveltejs)

    I would suggest SvelteKit with their static adapter https://kit.svelte.dev/

  • astro

    Build fast websites, faster. 🚀🧑‍🚀✨

    Static site: something to make basic page templates and reusable components. I've been playing around with Astro lately and, while still very new, suits your project perfectly. Of the static site generators (Nuxt, Next, Vuepress, etc.,) it seems the simplest and easiest to pick up and use.

  • eleventy 🕚⚡️

    A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.

    Since I discovered eleventy (https://www.11ty.dev/), I have not used anything else. It's fast, easy, and fully customizable.

  • Scully

    The Static Site Generator for Angular apps

    If you are already comfortable with Angular, I'd go with an Angular Static site generator - https://scully.io/

  • parcel

    The zero configuration build tool for the web. 📦🚀

    I find parcel to be good zero-to-small-config solution.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • Jekyll

    :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

  • Bridgetown

    A next-generation progressive site generator & fullstack framework, powered by Ruby

    I'll give a shoutout to Eleventy for the ease of getting started with it as a JS developer, and I'll mention Bridgetown since I'm one of the maintainers on the project. 😃 Either way, I highly encourage you to check out Render for deployment…all static sites are free and if you end up need any backend infra down the road, it's a snap.

  • cobalt.rs

    Static site generator written in Rust

  • svelte-dnd-action

    An action based drag and drop container for Svelte

    Just to indirectly tack onto the other reply, you mentioned drag n drop. Here’s one for Svelte. There’s a lot of options for almost anything you’d want. But in reality, most standard things are so easy to do you don’t need a library. In general, with Svelte you tend to not have to reach for NPM, but if you really either want to use a library or you end up needing one, there’s plenty of svelte specific options as well as the endless vanilla js libraries

  • Gatsby

    Build blazing fast, modern apps and websites with React

    It's like building a sandcastle with a bulldozer, but I use Gatsby for my static stuff.

  • VibeJS

    A small JavaScript library for composing user interfaces and apps.

    https://vibejs.com can be used similar to JQuery, component based or mix of the two.

  • Bulma

    Modern CSS framework based on Flexbox

    If you want to build something, I would just write some HTML and use Bulma framework for CSS. It's lightweight and has no JavaScript, so you won't overcomplicate it with a heavy JS framework.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts