Alexander Keliris' Blog

Dev

Install deps:

npm install

Next, create a .env.local file in the root of your project:

cp .env.example .env.local

Next, run the development server:

npm run dev

Finally, open http://localhost:3000 in your browser to view the website.

Tech

• Tailwind CSS
• Next.js
• Headless UI
• MDX

Lute Search

For local dev, spin up the MeiliSearch server:

docker compose up -d

To load search engine, use the lute-spreadsheet-to-meilisearch repo.

Add the following to your .env:

MEILISEARCH_API_KEY=test
MEILISEARCH_HOST=http://localhost:7700
LUTE_MUSIC_URL=https://www.lutemusic.org/spreadsheet.xlsx

Run:

cargo run --release

Updating syntax highlighting

Probably won't be needed, but I wrote a script to help me quickly test different shiki themes.

• Find a vscode theme in .json e.g. Night Owl.
• Paste into the theme file: pbpaste > syntax-theme.json
• Run the script to set the background to a darker color to match the site's theme: node scripts/syntax-theme.mjs.