Fri Oct 29 2021
How I setup this blog
A simple post for testing and so that I do not forget the steps for how I setup this blog.
I setup this blog using Astro.build. I had to update my Node.js version because I was using version 10. I updated to version 14 by downloading the new repo from Nodesource for the pre-built binaries they have. After that, I cleared out my old Astro directory for this project and used
npm init astro to setup the new project. I had to not use any of the templates, though, since they just used Preact by default, and I wanted to use Svelte. I installed the minimal template and added the Svelte renderer (
@astrojs/renderer-svelte). I did have to add
astro.config.mjs. I also installed TailwindCSS (
tailwindcss) as a devDependency, created a
tailwind.config.js file, and added the file in my
astro.config.mjs file following Astro’s docs on this. I did also have to create a
styles directory, a
global.css file, and a
home.css file as documented in the Astro docs on using TailwindCSS.