This will describe how to do the following in Sveltekit: Pull markdown content from a CMS; Render it in a Svelte Component styled with Tailwind; Add syntax highlighting to code blocks. Se...

Create a directus project: mkdir my-project cd my-project npm init -y npx directus init ... // follow the setup steps npx directus start Create the sveltekit app: npm create svelte@latest my-ap...

These notes mostly come from the interactive Svelte Tutorial that can be found here. Introduction First Component <script> let name = 'Svelte'; </script> <h1>Hello {name.toUp...

Setup npm create svelte@latest my-app cd my-app npm install npm run dev Install the svelte plugin and use VSCode. Concepts What is SvelteKit? Svelte is a component framework. SK is an app fra...

Astro describes itself as an ‘all-in-one web framework for building fast, content-focused websites’. This post details the steps to create a blog using Astro which are mostly taken from the officia...

Text Colour classes available here. Some examples: class="text-slate-50" Note that we can declare this on the entire body, and this will apply to everything. However, if we add a different cl...

This YouTube video on how to use Jekyll is excellent. The documentation is here, but a summary of the steps to get it up and running (and working with Cloudfare) can be found below. sudo apt updat...