Michael Savage

Live at michaelsavage.ie

Personal site built with React, Typescript, Vite, and @emotion, using eslint for linting. Blog posts written locally with MDX.

Running locally

Running:

pnpm install
pnpm dev

Wrangler type generation for env typing. 📣 Remember to rerun 'wrangler types' after you change your wrangler.jsonc file.

pnpm cf-typegen

Building For Production

To build this application for production:

pnpm run build

generate a manifest for SEO: https://realfavicongenerator.net/

Testing

Integrations tests with Playwright:

pnpm exec playwright install
pnpm test

Styling

Styling with Emotion CSS.

Linting & Formatting

Linting and formatting with Eslint and prettier. Eslint is configured using tanstack/eslint-config. The following scripts are available:

pnpm run lint
pnpm run format
pnpm run check

Running scripts

Import dotenv into the top of the file to get access to env vars. If a ts file, run:

npx tsx scripts/build-mdx.ts

otherwise run with node:

node scripts/build-mdx.ts