wip library to store cold objects in s3, warm objects on disk, and hot objects in memory
nekomimi.pet
nodejs
typescript
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>About - Tiered Storage Demo</title>
7 <link rel="stylesheet" href="style.css">
8</head>
9<body>
10 <header>
11 <nav>
12 <div class="logo">🗄️ TieredCache</div>
13 <ul>
14 <li><a href="index.html">Home</a></li>
15 <li><a href="about.html" class="active">About</a></li>
16 <li><a href="docs.html">Docs</a></li>
17 </ul>
18 </nav>
19 </header>
20
21 <main>
22 <section class="content">
23 <h1>About Tiered Storage</h1>
24
25 <h2>The Problem</h2>
26 <p>Modern applications need to balance three competing concerns:</p>
27 <ul>
28 <li><strong>Speed:</strong> Users expect instant responses</li>
29 <li><strong>Cost:</strong> Keeping everything in memory is expensive</li>
30 <li><strong>Reliability:</strong> Data must be durable and recoverable</li>
31 </ul>
32
33 <h2>The Solution</h2>
34 <p>Tiered storage provides the best of all worlds by automatically managing data across multiple storage tiers:</p>
35
36 <div class="solution-grid">
37 <div class="solution-item">
38 <h3>🚀 Performance</h3>
39 <p>Hot tier (memory) serves critical files like index.html in microseconds</p>
40 </div>
41 <div class="solution-item">
42 <h3>💰 Cost-Effective</h3>
43 <p>Warm tier (disk) and cold tier (S3) handle bulk storage efficiently</p>
44 </div>
45 <div class="solution-item">
46 <h3>🛡️ Reliability</h3>
47 <p>Cold tier acts as source of truth with automatic backups</p>
48 </div>
49 </div>
50
51 <h2>Use Cases</h2>
52 <div class="use-cases">
53 <div class="use-case">
54 <h4>Static Site Hosting</h4>
55 <p>Store index.html in memory for instant serving, while keeping images and videos on disk/S3. Perfect for CDN-like performance on a single server.</p>
56 </div>
57 <div class="use-case">
58 <h4>Content Delivery</h4>
59 <p>Automatically promote popular content to hot tier based on access patterns. Rarely accessed content stays in cold storage.</p>
60 </div>
61 <div class="use-case">
62 <h4>Database Caching</h4>
63 <p>Cache query results in memory, with overflow to disk and S3. Automatic TTL management keeps data fresh.</p>
64 </div>
65 </div>
66
67 <h2>How This Demo Works</h2>
68 <p>This example site is stored using the tiered-storage library:</p>
69 <ol>
70 <li><code>index.html</code> - Stored in all tiers (hot + warm + cold) for instant access</li>
71 <li><code>about.html</code> - Stored in warm + cold (skips hot to save memory)</li>
72 <li><code>style.css</code> - Stored in warm + cold</li>
73 <li><code>script.js</code> - Stored in warm + cold</li>
74 <li><code>hero-image.jpg</code> - Large file, stored in cold tier only</li>
75 </ol>
76 <p>When you request a page, the library automatically checks hot → warm → cold and serves from the fastest available tier.</p>
77 </section>
78 </main>
79
80 <footer>
81 <p>© 2024 Tiered Storage Library. Built with ❤️ for performance.</p>
82 </footer>
83
84 <script src="script.js"></script>
85</body>
86</html>