diff --git a/resources/views/site/developer.blade.php b/resources/views/site/developer.blade.php
new file mode 100644
index 000000000..6d52d3966
--- /dev/null
+++ b/resources/views/site/developer.blade.php
@@ -0,0 +1,66 @@
+@extends('site.partial.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Developer API</h3>
+  </div>
+  <hr>
+  <section>
+    <p class="lead">Developers can use PixelFed APIs to build rich experiences and extend PixelFed in new ways.</p>
+    <div class="row pt-5">
+      <div class="col-12 col-md-6 pb-3">
+        <div class="card">
+          <div class="card-header font-weight-bold">CLASSIC API <span class="badge badge-primary">v1.0</span></div>
+          <div class="card-body">
+            <ul class="pl-2 font-weight-bold text-muted">
+              <li>Mastodon/Pleroma Compatible</li>
+              <li>OAuth App support</li>
+              <li>Developer Dashboard</li>
+              <li>Developer Tools</li>
+            </ul>
+          </div>
+          <div class="card-footer">
+            <p class="font-weight-bold text-muted text-center mb-0">Coming Soon</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-12 col-md-6 pb-3">
+        <div class="card">
+          <div class="card-header font-weight-bold">PIXELFED API <span class="badge badge-primary">v1.1</span></div>
+          <div class="card-body">
+            <ul class="pl-2 font-weight-bold text-muted">
+              <li>Classic REST API</li>
+              <li>Advanced Create API</li>
+              <li>Discover API</li>
+              <li>Stories API</li>
+            </ul>
+          </div>
+          <div class="card-footer">
+            <p class="font-weight-bold text-muted text-center mb-0">Coming Soon</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-12 col-md-6">
+        <div class="card">
+          <div class="card-header font-weight-bold">OTHER</div>
+          <div class="card-body">
+            <ul class="pl-2 font-weight-bold text-muted mb-0">
+              <li><a href="#">Authentication</a></li>
+              <li><a href="#">Clients</a></li>
+              <li><a href="#">Rate Limiting</a></li>
+              <li><a href="#">ActivityPub Endpoints</a></li>
+              <li><a href="#">Atom/RSS Feeds</a></li>
+              <li><a href="#">NodeInfo</a></li>
+              <li><a href="#">Webfinger</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+@endsection
+
+@push('meta')
+<meta property="og:description" content="Developer API">
+@endpush