11.1 KB
developers.html
{{template "docs.html" .}}
{{define "title"}}Developers{{end}}
{{define "content"}}
<!-- Hero -->
<div class="flex flex-col md:flex-row items-center gap-10 mb-16">
<div class="flex-1">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4 leading-tight">Built for developers who want something modern.</h1>
<p class="text-[#888] text-lg mb-6 leading-relaxed">
The open-source Go framework that replaces the WordPress stack. Embedded SQLite, server-rendered HTML, and 39 AI tools. Deploy anywhere.
</p>
<div class="flex flex-wrap gap-3">
<a href="/git" class="px-6 py-2.5 bg-white text-black font-semibold rounded-lg hover:bg-[#e5e5e5] transition-colors text-sm">
View Source →
</a>
<a href="/docs/docker" class="px-6 py-2.5 border border-white/15 text-white font-medium rounded-lg hover:bg-white/5 hover:border-white/25 transition-all text-sm">
Read the Docs
</a>
</div>
</div>
<div class="flex-shrink-0">
<img src="/static/gophers/soldering.svg" alt="Go gopher soldering" class="w-40 md:w-48">
</div>
</div>
<!-- Architecture Diagram -->
<div class="border-t border-white/10 pt-12 mb-16">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-3">Connect Everything</h2>
<p class="text-[#888] mb-8">
Sync data from your tools via API, store it in collections, and deliver it instantly to your users.
</p>
{{template "architecture-diagram" .}}
</div>
<!-- Built for Speed -->
<div class="border-t border-white/10 pt-12 mb-16">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div class="order-2 md:order-1 rounded-xl overflow-hidden border border-white/10 bg-[#1a1a1a] p-5">
<div class="text-xs text-[#666] mb-4">Average Response Time (ms)</div>
<div class="space-y-3">
<div class="flex items-center gap-3">
<span class="text-sm text-[#888] w-20">ReadySite</span>
<div class="flex-1 h-7 bg-[#111] rounded overflow-hidden">
<div class="h-full bg-gradient-to-r from-emerald-500 to-cyan-500 rounded" style="width: 10%"></div>
</div>
<span class="text-sm text-emerald-400 font-mono w-16 text-right">~100ms</span>
</div>
<div class="flex items-center gap-3">
<span class="text-sm text-[#888] w-20">WordPress</span>
<div class="flex-1 h-7 bg-[#111] rounded overflow-hidden">
<div class="h-full bg-[#444] rounded" style="width: 80%"></div>
</div>
<span class="text-sm text-[#666] font-mono w-16 text-right">~800ms</span>
</div>
<div class="flex items-center gap-3">
<span class="text-sm text-[#888] w-20">Drupal</span>
<div class="flex-1 h-7 bg-[#111] rounded overflow-hidden">
<div class="h-full bg-[#444] rounded" style="width: 60%"></div>
</div>
<span class="text-sm text-[#666] font-mono w-16 text-right">~600ms</span>
</div>
<div class="flex items-center gap-3">
<span class="text-sm text-[#888] w-20">Ghost</span>
<div class="flex-1 h-7 bg-[#111] rounded overflow-hidden">
<div class="h-full bg-[#444] rounded" style="width: 30%"></div>
</div>
<span class="text-sm text-[#666] font-mono w-16 text-right">~300ms</span>
</div>
</div>
<div class="text-xs text-[#444] mt-4">* Uncached page load, typical configuration, single server</div>
</div>
<div class="order-1 md:order-2">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-4">Built for speed</h2>
<p class="text-[#888] mb-6 leading-relaxed">
Performance is a feature. ReadySite is engineered from the ground up to be fast.
</p>
<ul class="space-y-3">
<li class="flex items-start gap-3">
<span class="text-cyan-500 mt-1">⚡</span>
<div>
<span class="text-white font-medium">Go Runtime</span>
<p class="text-[#666] text-sm">Compiled binary with no runtime overhead. Starts in milliseconds.</p>
</div>
</li>
<li class="flex items-start gap-3">
<span class="text-cyan-500 mt-1">⚡</span>
<div>
<span class="text-white font-medium">LibSQL / SQLite</span>
<p class="text-[#666] text-sm">Embedded database with nanosecond read latency. No network hops.</p>
</div>
</li>
<li class="flex items-start gap-3">
<span class="text-cyan-500 mt-1">⚡</span>
<div>
<span class="text-white font-medium">Data Colocation</span>
<p class="text-[#666] text-sm">Your data lives next to your app. Zero network latency.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- The Stack -->
<div class="border-t border-white/10 pt-12 mb-16">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-3">The Stack</h2>
<p class="text-[#888] mb-8">Everything you need, nothing you don't.</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-violet-500/10 flex items-center justify-center text-violet-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">Go Runtime</h3>
<p class="text-[#666] text-sm leading-relaxed">Single binary, starts in ms, compiles to native code.</p>
</div>
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-cyan-500/10 flex items-center justify-center text-cyan-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="9" ry="3" stroke-width="2"/><path stroke-width="2" d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path stroke-width="2" d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">LibSQL / SQLite</h3>
<p class="text-[#666] text-sm leading-relaxed">Embedded DB, nanosecond reads, no network hops.</p>
</div>
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-emerald-500/10 flex items-center justify-center text-emerald-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">Server-Rendered</h3>
<p class="text-[#666] text-sm leading-relaxed">HTMX + Go templates. No client-side framework.</p>
</div>
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-violet-500/10 flex items-center justify-center text-violet-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">AI Tool Execution</h3>
<p class="text-[#666] text-sm leading-relaxed">39 tools the AI calls directly — not just chat.</p>
</div>
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-cyan-500/10 flex items-center justify-center text-cyan-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">Collections API</h3>
<p class="text-[#666] text-sm leading-relaxed">REST API auto-generated for every collection.</p>
</div>
<div class="p-5 rounded-xl border border-white/10 bg-white/[0.02]">
<div class="w-9 h-9 rounded-lg bg-emerald-500/10 flex items-center justify-center text-emerald-400 mb-3">
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
</div>
<h3 class="text-white font-semibold mb-1.5 text-sm">Open Source</h3>
<p class="text-[#666] text-sm leading-relaxed">MIT licensed, self-hostable, full data export.</p>
</div>
</div>
</div>
<!-- Open Source -->
<div class="border-t border-white/10 pt-12 mb-16 text-center">
<img src="/static/gophers/power-to-the-masses.svg" alt="Go gopher sharing power" class="w-32 mx-auto mb-6">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-3">Open Source, Always</h2>
<p class="text-[#888] text-lg max-w-lg mx-auto mb-8 leading-relaxed">
MIT licensed. Your site, your data, your rules. Run ReadySite anywhere — our cloud or your servers.
</p>
<a href="/git" class="px-8 py-3 bg-white text-black font-semibold rounded-lg hover:bg-[#e5e5e5] transition-colors">
View Source Code →
</a>
</div>
<!-- Bottom CTA -->
<div class="border-t border-white/10 pt-12 text-center">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-3">Start building</h2>
<p class="text-[#888] mb-8">Get up and running in minutes.</p>
<div class="flex flex-wrap items-center justify-center gap-3">
<a href="/docs/docker" class="px-8 py-3 bg-white text-black font-semibold rounded-lg hover:bg-[#e5e5e5] transition-colors">
Get Started →
</a>
<a href="/signup" class="px-6 py-3 border border-white/15 text-[#888] font-medium rounded-lg hover:bg-white/5 hover:border-white/25 hover:text-white transition-all">
Or try the cloud →
</a>
</div>
</div>
{{end}}