Frameworks for creating a static web-page?

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

Our great sponsors
  • Appwrite - The open-source backend cloud platform
  • Amplication - open-source Node.js backend code generator
  • SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
  • Mergify - Updating dependencies is time-consuming.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • Sonar - Write Clean JavaScript Code. Always.
  • 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 backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • SvelteKit

    web development, streamlined (by sveltejs)

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

  • astro

    The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work!

    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 site generator. 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.

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • 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

    The best React-based framework with performance, scalability and security built in.

    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.

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

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