Personal site built using AstroJS

🔥 Local Development

Run the development server

pnpm install

Edit the Environment variables.

CF_PAGES_URL=http://localhost:4321
PUBLIC_LAST_FM_API_KEY=abcdefghijklmnopqrstuvwxyz123456
PUBLIC_GOOGLE_ANALYTICS_MEASUREMENT_ID=abcdefghijklmnopqrstuvwxyz123456
PUBLIC_GOAT_COUNTER_CODE=goat

Start the site in dev mode.

pnpm dev

Open the code in your IDE of choice and start editing!

Your site is now running at http://localhost:4321.

Scripts

photos

Drop full size images (straight out of lightroom) into the ./.photos directory. Run the pnpm photos script to auto optimise, extract EXIF data, create a blurHash and save metadata to a boilerplate markdown file. This file will still require some edits, but most of the heavy lifting has been sorted.

Once completed, images will be moved to the ./.photos-completed folder.

ogs (Open Graph Images)

OG images use puppeteer under the hood to bypass to issues with satori and satori-html. This script will automatically generate Open Graph Images for all* pages on the site (blogs, photos and static pages).

Paths used here map to the output of the content directories, so og images will sit next to their respective HTML output.

Note

OG images are not regenerated unless they are removed

Patches

We are currently running some custom patches on the feed package. These can be baked into your ./node_modules by running:

pnpm patch feed@4.2.2

Patch: You can now edit the package at:

PATH_TO_ROOT\luke-secomb-simple\node_modules\.pnpm_patches\feed@4.2.2

To commit your changes, run:

pnpm patch-commit "PATH_TO_ROOT\luke-secomb-simple\node_modules\.pnpm_patches\feed@4.2.2"

feed fixes include:

• add stylesheet support for both RSS and Atom feeds
• add image support for Atom feeds (feed/#195)

Full patch can be found in ./patches/feed@4.2.2.patch.