ScottSpence.com

Scott's Thoughts Pamphlet!

🤫This is a private post👀

Notes on Toast

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.

Files

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:

1this-project-toast/
2├─ content/2021/
3│ ├─ 01
4│ ├─ 02
5│ ├─ 03
6│ │ └─ 12/notes-on-toast/
7│ │ └─ index.mdx
8├─ src/
9├─ static/
10... 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.

1<!-- Links -->
2
3[markdown showdown]:
4https://scottspence.com/2020/09/17/writing-with-markdown/
5
6<!-- Images -->

Preact

I’ve used Preact in a project professionally before

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

Snowpack

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

Cloudinary

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

Resources


Back to Top


Scott Spence

Built with Gatsby · Hosted on Vercel · 2021