How to Build a Personal Webpage from Scratch (In 2022)

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • perfectmotherfuckingwebsite

    ๐Ÿ–• And itโ€™s really more fucking perfect than the last guyโ€™s.

  • When discussing points such as yours, I always bring up https://motherfuckingwebsite.com/ (which I like very much), http://bettermotherfuckingwebsite.com/ (which I like less) and https://thebestmotherfucking.website/ (which I like more than the second, but still less than the first). There is also https://perfectmotherfuckingwebsite.com/ but I do not remember where it fits chronologically.

    There are so many, so many sites that would be perfect with just basic HTML and maybe some CSS

  • eleventy ๐Ÿ•šโšก๏ธ

    A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  • Check out Eleventy[0]. Itโ€™s my static site generator of choice. Itโ€™s pretty simple to pick up, high HIGH use case ceiling, and delightfully quick. Works with a bunch of different templating languages, too.

    [0] https://www.11ty.dev/

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

    WorkOS logo
  • classless-css

    A list of classless CSS themes/frameworks with screenshots

  • Skip the CSS bit and use classless CSS framework: https://github.com/dbohdan/classless-css

    I have used water.css, simple.css and Tufte.css and all of them are great.

  • validator

    Nu Html Checker โ€“ Helps you catch problems in your HTML/CSS/SVG (by validator)

  • zim-desktop-wiki

    Main repository of the zim desktop wiki project

  • Wonder no more, you 100% do not.

    I use http://zim-wiki.org + a customized template.

    http://jrm4.com is it.

  • john-doe

    A simple way to make HTML websites

  • I really like the John Doe template. Everything is in one HTML file and one CSS file: https://github.com/cadars/john-doe/

    From the readme: โ€œThis setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.โ€

  • duckduckgo-locales

    Translation files for <a href="https://duckduckgo.com"> </a>

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

    ๐Ÿƒ A magical documentation site generator.

  • Big fan of https://docsify.js.org since theres no need to compile your static site. A small amount of js just renders markdown.

  • casual-markdown-page

    Markdown as Web Page/Site

  • I recently work on this approch. No website generators, no frameworks, no nothing (just a little JavaScript) to publish web page/site on github.

    please refer to the repo if interested.

    https://github.com/casualwriter/casual-markdown-page

  • casual-markdown-blog

    Markdown-as-blog: Build blog site by markdown files.

  • casual-markdown-cv

    markdown resume and other templates

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