The first post, with some details on the stack.
Sunday 19 February 2023
Last updated: Friday 24 February 2023
The first blog post. I'll probably put some stuff here.
const t: string = "Hello world!";
I like writing in Markdown, so I've decided to use a collection of remark
plugins to render them into HTML which are
then rendered statically using Next JS.
I've included Tailwind to quickly build some simple components. If you've not tried it before I highly recommend giving it a go. Once you get going with it you can build complex components really quickly.
As of this blog post - the design is in its early stages. Here's a snapshot of day 0:
I'm happy to admit that the design isn't great. It needs some work. UI design is difficult and I'm very thankful for the talented UI designer I work with on a daily basis!
Being able to include code blocks easily is great too! I'm hoping to publish some bits and pieces on here and there will likely be a mix of images and code examples. I'll be meta and include the meta and first line in this blog post:
---
title: Hello world!
date: "2023-02-19"
description: "The first post, with some details on the stack."
---
The first blog post. I'll probably put some stuff here.
Deployment will be done via Vercel as it's so quick and seamless. It took minutes to get this site set up there - very cool indeed!
I've recently spent some time attempting to change our front-end build tool from Webpack to Vite. It isn't a trivial change as our Webpack setup is fairly complex - and there are some notable differences in how the front-end build will behave if we use Vite instead of Webpack. I've had to solve some problems along the way so that will most likely be the topic of the first post on here. Hopefully it will contain some useful information for anyone else that plans on converting an existing project to Vite.
I've made some changes to the style since this first post was created - I opted to go fully into the dark mode / light mode features of Tailwind which was quite a lot of fun. I've added a small toggle which powers the selection, although the initial selection should be made by your browser until you select one specifically.
Here's another snapshot of the site showing both themes:
I've got a few things I want to add next: