Skip Navigation

Scott Spence

Notes on Toast

2 min read
Hey! Thanks for stopping by! Just a word of warning, this post is about 3 years old, . If there's technical information in here it's more than likely out of date.

For the past couple of weeks I have slowly been getting a more comfortable with Toast

The best way to do that would be to make a project with it, I decided to move my blog to Toast.


The way my Gatsby blog files are organised are a nested structure of content, posts, YYYY, MM, DD, subject, index.mdx, for this post it looks like this:

├─ content/2021/
│  ├─ 01
│  ├─ 02
│  ├─ 03
│  │  └─ 12/notes-on-toast/
│  │    └─ index.mdx
├─ src/
├─ static/
... more files

No more Markdown comments, MDX doesn’t support the html comments you could add into my MDX files so they had to go.

I mainly used html comments to organise my links in my posts, see the Markdown Showdown for more on that if you’re interested. I means that the links I’d have at the bottom of a post wouldn’t be labelled links, resources, images, etc.

<!-- Links -->

[markdown showdown]:

<!-- Images -->


I’ve used Preact in a project professionally before

/** @jsx h */
import { h } from 'preact'


Snowpack is a lightweight frontend build tool alternative to webpack or Parcel. Snowpack leverages JavaScript’s native module system, ESM.

Snowpack will bundle up the browser modules for me on postinstall


Jason Lengstorf created [rehype-local-image-to-cloudinary]

Tailwind CSS

I’ve not used Tailwind CSS on a project before so this is a good learning experience for me


There's a reactions leaderboard you can check out too.

Copyright © 2017 - 2024 - All rights reserved Scott Spence