The Hitchhiker's Guide to over-engineering your site

This page summarizes the projects mentioned and recommended in the original post on dev.to

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.
surveyjs.io
featured
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.
www.influxdata.com
featured
  • x-t

  • We live in a very, very different world now. A world where computing resources have become as cheap as water, and thus, you can join the dark side and totally over-blow your blog into a brilliant masterpiece of complexity. This guide will be based off my real website, zxyz.gay (GitHub).

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • 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.

    SurveyJS logo
  • sanity

    Sanity Studio – Rapidly configure content workspaces powered by structured content

  • Sanity

  • Prisma

    Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

  • Prisma

  • PostgreSQL

    Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch

  • PostgreSQL

  • vite

    Next generation frontend tooling. It's fast!

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • vercel

    Develop. Preview. Ship.

  • For backend, many free sites like Deta, Vercel, Northflank, Koyeb, Glitch. Make as many services for your sites as you desire without even entering in your credit card.

  • 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.

    InfluxDB logo
  • turborepo

    Discontinued Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]

  • Another trend you can take advantage of is making your site into a monorepo. You can use Nx or Turborepo, both free, turn your semi-simple site into something straight out of Facebook's arsenal. Don't forget to not include any docs, no one else should be able to host it, only you.

  • Sentry

    Developer-first error tracking and performance monitoring

  • The mindset of enterprise-level software is always the best to follow. For example, Sentry is a good service for crash reports, so - add it to every single file of your site. Even if there's barely anything in there that could fail, add it anyway, can't be too sure.

  • pages-gem

    A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • nx

    Smart Monorepos · Fast CI

  • Another trend you can take advantage of is making your site into a monorepo. You can use Nx or Turborepo, both free, turn your semi-simple site into something straight out of Facebook's arsenal. Don't forget to not include any docs, no one else should be able to host it, only you.

  • neocities

    Neocities.org - the web site. Yep, the backend is open source!

  • Do you have a personal site? If you dabbled with computers in your lifetime, there's a really high chance that you do. Maybe it's not hosted, you've watched a video on HTML when you were 10 and decided to make something of it, maybe it's a simple Neocities page, a Blogspot site or even a Weebly cookie-cutter homepage. Whatever it is, it's a nice feeling to know that you have a corner of the internet that's yours.

  • kubernetes

    Production-Grade Container Scheduling and Management

  • Nowadays, nearly all developer tools are open sourced and available for anyone with an internet connection, so, make use of them. Use Docker for everything, even your static site, because, why not? Hell, throw in some Kubernetes in there too.

  • Jekyll

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

  • Jekyll

  • hello-express

    Discontinued A simple Node app built on Express, instantly up and running.

  • For backend, many free sites like Deta, Vercel, Northflank, Koyeb, Glitch. Make as many services for your sites as you desire without even entering in your credit card.

  • gitpod

    The developer platform for on-demand cloud development environments to create software faster and more securely.

  • For coding, GitPod has 50 free hours of private Visual Studio Code workspaces. This is not only convenient, as you get to install less stuff on your computer and the Google Cloud container will most certainly be faster than your machine, it will also allow you to code on your projects from your Chromebook or your iPad. But most importantly, you can have 10 services and run them all without blowing your fuse. Thus, you're free to over-engineer even more.

  • starter-workflows

    Accelerating new GitHub Actions workflows

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • flyctl

    Command line tools for fly.io services

  • Fly

  • Express

    Fast, unopinionated, minimalist web framework for node.

  • Express

  • ESLint

    Find and fix problems in your JavaScript code.

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

  • But infrastructure costs aside, there's another good cost that's associated with creating and maintaining a website - time for development. Sometimes we are limited in the amount of tools that we can use to make sites, for example, if all you have is Neocities, you're essentially left with plain old HTML, CSS and JS, all hand-written. While for small, simple sites this is more than enough, for larger projects, this is nowhere near ideal. Committing to hand-writing hundreds of lines of JS is going to end up in buggy and slow code, which is why nearly everyone, including small sites, have migrated to using libraries, as even the most basic ones (Vite, Alpine, TypeScript, ESLint) can increase productivity and decrease stupid bugs ten-fold. Or if you used GitHub Pages before the days of CI/CD, you had plain HTML or minimal Jekyll at your disposal.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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

  • Qnm: CLI utility for querying the node_modules directory

    1 project | news.ycombinator.com | 6 Jun 2023
  • Extreme build performance NestJS: Leveraging Rspack and Nx while working to increase build performance for NestJS applications

    6 projects | dev.to | 12 May 2023
  • Qnm: CLI utility for querying the node_modules directory

    1 project | news.ycombinator.com | 10 Jan 2023
  • Vercel announces Turbopack, the successor to Webpack

    21 projects | news.ycombinator.com | 25 Oct 2022
  • Download CLI for ARM 64 bit (aarch64)

    3 projects | /r/Bitwarden | 29 Jun 2022