Documentation
A view into the tools and technology used to build this website.
Documentation
Welcome to the MIJUG .NET workspace documentation. This comprehensive environment combines TypeScript and Jekyll with dual repository architecture for modern web development.
๐ฏ Quick Start by User Type
๐ New to the Workspace?
- Workspace Overview - Start here! Understand the full architecture
- Getting Started Guide - Complete setup and first development steps
- FrontMatter CMS - Visual content management basics
๐ Existing Developer?
- ESLint 9 Upgrade Guide - Latest linting configuration
- Browser Compatibility System - Enhanced testing architecture
- Performance Optimization - Build and runtime improvements
๐ Content Creator?
- FrontMatter CMS - Visual content management interface
- Tags and Categories System - Content organization strategies
- Liquid Tags Examples - Advanced Jekyll templating
๐ Power User/DevOps?
- Cache Management - Advanced caching strategies
- Browser Management - Automated browser testing infrastructure
- Testing Performance Evolution - Performance monitoring systems
๐ Complete Documentation Index
๐๏ธ Foundation & Setup
Essential for getting started with the workspace
- Workspace Overview โญ START HERE - Architecture, features, and technology stack overview
- Getting Started โญ ESSENTIAL - Complete installation, setup, and first development steps
- ESLint 9 Upgrade Guide ๐ NEW - Modern flat configuration and migration guide
๐ Content Management & Creation
For content creators and Jekyll developers
- FrontMatter CMS ๐ CONTENT CREATORS - Visual content management for Jekyll
- Tags and Categories System - Content organization and taxonomy strategies
- Liquid Tags Examples ๐จ ADVANCED - Advanced Jekyll templating techniques and custom tags
- Jekyll Themes Guide - Theme customization and styling patterns
- REL Attribute Guide - HTML link relationship optimization
๐ Diagrams & Visualization
Comprehensive Mermaid diagram integration
- Mermaid Configuration Guide โญ ESSENTIAL - Complete setup, configuration, and troubleshooting
- Mermaid Quick Start ๐ BEGINNERS - Fast track to creating your first diagrams
- Mermaid Examples ๐ REFERENCE - Comprehensive diagram examples and patterns
- Mermaid Diagrams Sample ๐ฏ PRACTICE - Interactive samples for testing
- Mermaid Test Runner ๐ง ADVANCED - Automated testing system for diagram validation
๐งช Testing & Quality Assurance
Comprehensive testing strategies and tools
- Accessibility Testing โฟ ESSENTIAL - WCAG 2.1 AA compliance setup and validation
- Browser Compatibility Testing ๐ CROSS-PLATFORM - Multi-browser testing strategies
- Browser Compatibility System ๐ง ADVANCED - Enhanced testing architecture and automation
- Browser Management ๐ค DEVOPS - Advanced browser automation and infrastructure
- Testing Performance Evolution ๐ PERFORMANCE - Performance monitoring and optimization
โก Performance & Optimization
Advanced performance tuning and monitoring
- Performance Optimization ๐ ADVANCED - Build and runtime performance improvements
- Cache Management ๐พ ADVANCED - Two-phase caching strategies and CDN integration
๐ Research & Analysis
Technical investigations and explorations
- Exploring Limitations of Gitea and Ruby ๐ฌ RESEARCH - Technical analysis and alternative solutions
๐ฏ Recommended Learning Paths
๐ฑ Beginner Path (New to Workspace)
- Workspace Overview - Understand the big picture
- Getting Started - Complete setup process
- FrontMatter CMS - Content management basics
- Mermaid Quick Start - Create your first diagrams
- Accessibility Testing - Quality assurance basics
๐ Migration Path (Existing Users)
- ESLint 9 Upgrade Guide - Update linting configuration
- Browser Compatibility System - Enhanced testing features
- Performance Optimization - Latest optimizations
- Testing Performance Evolution - New monitoring tools
๐ Content Creator Path
- FrontMatter CMS - Visual interface mastery
- Tags and Categories System - Content organization
- Liquid Tags Examples - Advanced templating
- Mermaid Configuration Guide - Diagram integration
- Jekyll Themes Guide - Styling and customization
๐ Advanced Developer Path
- Cache Management - Advanced caching strategies
- Browser Management - Testing infrastructure
- Mermaid Test Runner - Automated diagram testing
- Performance Optimization - Deep optimization
- Exploring Limitations of Gitea and Ruby - Technical analysis
๐ง Essential Command Reference
Development Environment
# Start optimized development (TypeScript + Jekyll + drafts)
npm run dev:optimized
# Quick start with performance monitoring
npm run quick:start
# Memory-efficient parallel development
npm run dev:fast
Testing & Quality
# Complete pre-commit validation
npm run precheckin
# Quick smoke tests (< 15 seconds)
npm run test:smoke
# Full accessibility testing
npm run test:a11y
Performance & Optimization
# Performance analysis
npm run perf:check
# Cache optimization
npm run cache:optimize
# Build performance monitoring
npm run perf:build-time
๐ Quick Reference by Category
| Category | Beginner | Intermediate | Advanced |
|---|---|---|---|
| Setup | Getting Started | ESLint 9 Upgrade | Performance Optimization |
| Content | FrontMatter CMS | Tags & Categories | Liquid Tags |
| Diagrams | Mermaid Quick Start | Mermaid Examples | Mermaid Test Runner |
| Testing | Accessibility Testing | Browser Testing | Browser Management |
| Performance | Performance Basics | Cache Management | Testing Evolution |
๐ก Need Help?
- ๐ฑ First Time? Start with Workspace Overview โ Getting Started
- ๐ Specific Topics Use the categorized sections above or browse by category
- ๐ง Troubleshooting Check individual guide troubleshooting sections
- ๐ฌ Personal Support Contact our team for assistance
- ๐ Latest Updates Check our blog posts for recent improvements
Key Resources
- Blog Posts - Latest tutorials and workspace updates
- Categories - Browse all content by topic
- Contact Us - Direct support and consultation
My Info Just Under Glass