Johannes

My personal website built with Astro and deployed on Cloudflare pages.

Tech Stack

• Astro - Web framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Cloudflare - Hosting
• Vitest - Testing
• Biome - Linting and formatting
• AT Protocol API - Bluesky integration

Development

This project uses pnpm as the package manager. Make sure you have it installed before proceeding.

Prerequisites

• Node.js 24
• pnpm 10

Getting Started

1. Clone the repository

   git clone git@github.com:Johannes-Andersen/Johannes.git # Using SSH
   git clone https://github.com/Johannes-Andersen/Johannes.git # Using HTTPS
   gh repo clone Johannes-Andersen/Johannes # Using GitHub CLI

2. Cd into the repo and install dependencies

   cd Johannes
   pnpm install

3. Create a dev.vars file in the root directory and add your environment variables. You can use dev.vars.example as a reference.

   cp .dev.vars.example .dev.vars

4. Start the development server

   pnpm dev

Available Scripts

• pnpm dev - Start development server
• pnpm build - Build for production
• pnpm deploy - Build and deploy to Cloudflare
• pnpm preview - Build and preview locally with Wrangler
• pnpm test - Run tests
• pnpm type-check - Check TypeScript types
• pnpm lint - Lint code
• pnpm lint:fix - Lint and fix code
• pnpm format - Check formatting
• pnpm format:fix - Format code
• pnpm check - Check code with Biome
• pnpm check:fix - Check and fix code with Biome