Table of Contents
SvelteKit | Typescript | MDsveX
Pointless Project Post
A Pointless Project Post

About

I wrote a detailed account of why Pointless Project exists in post[0].

Pointless Project Home Page
Pointless Project Home Page

How I Made It

Pointless Project was built using the SvelteKit web framework with the static adapter, Typescript, and a library called MDsveX which compiles markdown into HTML.

I chose SvelteKit because it has been my favorite web framework since trying it for the first time about a year ago. I find it does an excellent job of being like writing “vanilla” javascript, but with the things that make working with vanilla-js frustrating handled for you (things like reactivity and state management).

I chose Typescript because type safety is important, and I find it easier to work with, especially as code bases get large.

A utility script parses all the markdown files in the posts directory and constructs an array of “Post” objects (instantiated with metadata included in the headers of each of those markdown files).

This utility is run at build time; the data it generates is available to the “page-load” functions for each page that needs it, such as the homepage, which includes links to those posts. The SvelteKit static adapter uses this data to generate static html files for all the routes in the site.

Pointless Project Post - Light Mode
A Pointless Project Post - Light Mode