Files
insertr/demos
Joakim 67aa6ed954 Optimize dan-eden-portfolio demo for production use
- Remove all Next.js JavaScript framework dependencies (~1.9MB)
- Strip social media tracking and analytics scripts
- Preserve visual design with essential CSS files only (24KB)
- Keep video elements with local file references instead of external Mux streams
- Reduce HTML from 30KB minified to 5.5KB formatted (82% reduction)
- Maintain responsive design and content structure for realistic demo
- Ensure compatibility with Insertr content editing system
2025-09-17 12:25:49 +02:00
..

Test Sites Collection

This directory contains a collection of real-world websites for testing insertr CMS functionality across different site types, CSS frameworks, and complexity levels.

Directory Structure

  • simple/ - Simple sites with vanilla CSS and minimal layouts
  • framework-based/ - Sites using CSS frameworks (Bootstrap, Tailwind, etc.)
  • complex/ - Complex layouts with advanced interactions
  • templates/ - Template files for new test sites
  • scripts/ - Automation utilities for downloading and enhancing sites
  • results/ - Testing results, reports, and documentation

Site Categories

Simple Sites

  • dan-eden-portfolio - Clean personal portfolio with minimal styling
  • github-pages-simple - Basic GitHub Pages site with standard layout

Framework-Based Sites

  • bootstrap-docs - Bootstrap documentation sections
  • tailwind-landing - Tailwind CSS marketing pages

Complex Sites

  • stripe-product - Enterprise product pages with rich content
  • linear-features - Modern SaaS feature pages

Testing Process

  1. Download - Use scripts to fetch HTML and assets
  2. Enhance - Add insertr classes to content sections
  3. Test - Verify functionality across different layouts
  4. Document - Record results and compatibility notes

Each Site Includes

  • Original HTML files
  • assets/ directory with CSS, JS, and images
  • README.md with site-specific testing notes
  • insertr-config.json with enhancement configuration