Retro Computer Dresden - Project Overview #

Project Description #

The Retro Computer Dresden website is a community platform for retro computer enthusiasts in Dresden, Germany. It serves as a hub for events, content, and community engagement.

Technology Stack #

• Static Site Generator: 11ty (Eleventy)
• Styling: CSS with modern features
• Image Storage: Supabase Storage (website-media bucket)
• CMS: Headless CMS via RCD Data Hub gateway
• Hosting: Netlify
• Build Tools: Rollup, PurgeCSS

Current Features #

• Event Management: Create and manage retro computer events
• Content Management: Blog posts, galleries, and static pages via CMS
• Image Optimization: Responsive images served from Supabase Storage
• Responsive Design: Mobile-friendly interface

Member Management #

Member registration, authentication, payment processing, and account management are handled by the separate RCD Data Hub gateway at https://members.retrocomputer-dresden.de. This website links to that portal but does not contain member-related code.

Project Structure #

├── _includes/          # 11ty templates and layouts
├── _data/             # Site data and configuration
├── _site/             # Generated static site
├── events/            # Event pages and data
├── posts/             # Blog posts and articles
├── netlify/           # Serverless functions (form handling)
├── css/               # Stylesheets
├── js/                # JavaScript modules
└── img/               # Images and assets

Development Workflow #

1. Local Development: Use 11ty for static site generation
2. Content Updates: Edit markdown files for posts and events, or use the CMS
3. Deployment: Automatic deployment via Netlify
4. Testing: Mocha unit tests run as part of build

Key Integrations #

• Supabase Storage: Image hosting and CMS media
• Netlify: Hosting, forms, and serverless functions
• Google Analytics: Site analytics and tracking

Environment Setup #

• Development: Local 11ty server
• Production: Netlify deployment

Performance Optimizations #

• Static site generation for fast loading
• Image optimization and lazy loading
• CSS purging for minimal bundle size
• CDN delivery via Netlify

Maintenance Tasks #

• Regular content updates for events and posts
• Security updates and dependency management
• Performance monitoring and optimization