Personal Projects

Writenex

Writenex is a collection of tools for modern Markdown editing and content management. I designed and developed both the standalone Markdown editor application and an Astro integration package that allows content creators and developers to manage and edit Markdown/MDX content directly within an Astro project workflow.

The editor is offline-first and progressive, with a smooth writing experience that works in the browser. The Astro package integrates with Astro content collections so users can visually edit content that feeds directly into static sites, blogs, or documentation sites. I also managed documentation, packaging, and publishing processes to make sure the tools are easy to adopt and extend.

Highlights

  • Created a PWA Markdown editor with offline support and rich editing features
  • Built @writenex/astro package to integrate visual Markdown editing into Astro content collections
  • Designed UX for non-technical writers and developers alike
  • Managed monorepo with shared configs, types, and consistent tooling across packages
  • Published and maintained packages with clear documentation and examples
Technologies & tools
Next.js
React
TypeScript
Tailwind CSS
Dexie
IndexedDB
Turborepo

Virex Astro Theme

Virex is a production-ready SaaS UI theme I built to help developers launch modern SaaS products faster—from marketing pages to dashboard interfaces. The project is designed as a solid starting point for SaaS builders who want a consistent UI foundation without starting from scratch.

It includes fully structured marketing pages, a reusable dashboard layout with example pages, and rich content support using Astro Content Collections for blogs, documentation, changelogs, and testimonials. All parts are built to integrate cleanly with Astro’s routing, content APIs, and TypeScript-first workflow.

I designed and implemented accessible UI components, SEO-ready metadata (Open Graph, JSON-LD, Twitter Cards), dark mode with system preference support, and a feature-flag system that allows sections to be enabled or disabled easily. Virex balances speed of setup with long-term flexibility, making it suitable both as a ready-to-use template and as a customizable foundation for real-world SaaS projects.

Highlights

  • Built a complete SaaS UI theme using Astro 5, TypeScript, and Tailwind CSS v4
  • Marketing pages and reusable dashboard UI with example SaaS workflows
  • Content Collections for blog, documentation, changelog, and testimonials
  • SEO-ready setup with Open Graph, Twitter Cards, JSON-LD, sitemap, and RSS
  • Feature flags for optional sections and flexible site configuration
  • Accessible components with focus states and reduced motion support
  • Structured configuration and documentation for easy customization
Technologies & tools
Astro
TypeScript
Tailwind CSS
Node.js

erland.me

Web migration from WordPress to Astro to achieve a faster, low-overhead architecture. I ported pages, posts, categories, and media into a Markdown-driven content model and rebuilt the theme from scratch. The UI is componentized with CSS Modules for predictable styling and easy reuse across pages.

Features that previously depended on heavy WP plugins were reimplemented with a lighter, more powerful stack. I also built a site-wide SEO layer that renders dynamic meta tags and JSON-LD schemas for every route.

Highlights

  • WordPress → Astro migration with Markdown content like pages, posts, categories, media, etc.
  • Fresh design system with reusable layouts & components (CSS Modules)
  • Plugin features re-implemented with a slimmer, more maintainable stack
  • Dynamic SEO: per-page meta + JSON-LD generation
  • Performance-first build: smaller bundle, fewer client scripts, faster TTFB
Technologies & tools
Astro
TypeScript
React
CSS Modules
Vite