Our great sponsors
-
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
eleventy 🕚⚡️
A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Rather than a framework, I would suggest a tool: Hugo.
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)
I would suggest SvelteKit with their static adapter https://kit.svelte.dev/
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.
Since I discovered eleventy (https://www.11ty.dev/), I have not used anything else. It's fast, easy, and fully customizable.
If you are already comfortable with Angular, I'd go with an Angular Static site generator - https://scully.io/
I find parcel to be good zero-to-small-config solution.
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.
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
It's like building a sandcastle with a bulldozer, but I use Gatsby for my static stuff.
https://vibejs.com can be used similar to JQuery, component based or mix of the two.
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.