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

I built Virex as a customizable Astro theme that helps developers launch professional SaaS landing pages with rich content support out of the box. The project includes blog, docs, changelog, and testimonial content collections that integrate with Astro’s routing and content APIs.

I designed and implemented accessible components, SEO-friendly metadata (Open Graph, JSON-LD, Twitter cards), dark mode support, Tailwind CSS utility styling, and feature flags to let users toggle site sections easily. Virex aims to be both a ready template for quick deployment and a flexible foundation for further customization.

Highlights

  • Built a SaaS landing page theme using Astro 5, TypeScript, and Tailwind CSS v4
  • Content collections for blog, docs, changelog, and testimonials
  • SEO readiness with meta tags, Open Graph, Twitter Cards, JSON-LD, sitemap, and RSS
  • Feature flags for optional sections and easy theming
  • Contact form support with validation and multiple backend options
  • Accessibility enhancements like focus states and reduced motion support
  • Live demo, docs, and reusable configuration pattern
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