Skip to content

Commit 7074c61

Browse files
enstyledenstyled
authored
Homepage update (#1905)
* Update index.html.md * Update index.html.md * Update frameworks URLs * Update diagram * Update index.html.md * typo * Update index.html.md * Update index.html.md
1 parent 98b105a commit 7074c61

File tree

1 file changed

+131
-92
lines changed

1 file changed

+131
-92
lines changed

‎index.html.md‎

Lines changed: 131 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -6,107 +6,146 @@ breadcrumbs: false
66
nav: firecracker
77
---
88

9-
<figure>
10-
<img src="/static/images/doc-main.png" alt="Illustration by Annie Ruygt of Frankie the hot air balloon waving to a bird sitting on a hour roof" class="w-full max-w-lg mx-auto">
11-
</figure>
12-
13-
<div class="index-page">
14-
15-
## Get started
16-
17-
Try our [quickstart or demo app](/docs/getting-started/)
18-
19-
Or choose your favorite [language or framework](/docs/getting-started/get-started-by-framework/)
20-
21-
---
9+
<div class="grid grid-cols-2 items-center">
10+
<div>
11+
## Ready to get started?
2212

23-
## Apps on Fly.io
24-
25-
_Fly Launch is app configuration, provisioning, deployment, scaling, and orchestration with our flyctl CLI._
26-
27-
[Create and manage apps](/docs/apps/)
28-
29-
[Going to production checklist](/docs/apps/going-to-production/)
30-
31-
[App config (fly.toml)](/docs/reference/configuration/)
32-
33-
34-
---
13+
Step 1: Install `flyctl`
3514

36-
## flyctl CLI
15+
```cmd
16+
brew install flyctl
17+
```
3718

38-
_Use the `fly` command to create and deploy apps, control individual Machines, configure networking, and more._
19+
Step 2: Run `fly launch`
20+
</div>
3921

40-
Install [flyctl](/docs/flyctl/install)
41-
42-
flyctl is [open source](https://github.com/superfly/flyctl+external)
43-
44-
---
45-
46-
## Fly Machines
47-
48-
_Machines are fast-launching VMs—and the compute engine of the Fly.io platform. Get precise, low-level control of Machines with our REST API_
49-
50-
Learn all about [Fly Machines](/docs/machines/)
51-
52-
[Machines API docs](/docs/machines/api/)
53-
54-
---
55-
56-
## GPU compute
57-
58-
_Run GPU workloads on Fly Machines._
59-
60-
[Fly GPUs](/docs/gpus/)
61-
62-
---
63-
64-
## Supporting services
65-
66-
_Services from Fly.io and our extension partners to help you run your entire stack near your users._
67-
68-
[Tigris object storage](/docs/tigris/)
69-
70-
[Supabase Postgres (public alpha)](/docs/supabase/)
71-
72-
[Upstash for Redis®](/docs/upstash/redis/)
73-
74-
[LiteFS - Distributed SQLite](/docs/litefs/)
75-
76-
[Fly Kubernetes (private beta)](/docs/kubernetes/)
77-
78-
---
79-
80-
## Networking
81-
82-
_Networking on Fly.io._
83-
84-
[Private networking](/docs/networking/private-networking)
85-
86-
[Public networking](/docs/networking/services)
87-
88-
[Custom domains](/docs/networking/custom-domain/)
89-
90-
---
91-
92-
## Monitoring
93-
94-
_Explore built-in and custom Prometheus metrics and Grafana dashboards. Live tail and search your app's logs, or ship them where you want them._
95-
96-
[Fly.io Metrics](/docs/monitoring/metrics/)
97-
98-
[Error Monitoring by Sentry](/docs/monitoring/sentry/)
22+
<figure>
23+
<img src="/static/images/doc-main.png" alt="Illustration by Annie Ruygt of Frankie the hot air balloon waving to a bird sitting on a hour roof" class="w-full max-w-lg mx-auto">
24+
</figure>
25+
</div>
9926

100-
[Logging on Fly.io](/docs/monitoring/logging-overview/)
27+
## Explore Fly.io by features
28+
29+
<div class="note">
30+
<ul class="grid grid-cols-2 sm:grid-cols-3 text-lg font-medium gap-6 px-4 py-6">
31+
<li><a href="/docs/machines/">Fly Machines</a></li>
32+
<li><a href="/docs/volumes/">Fly Volumes</a></li>
33+
<li><a href="/docs/security/">Security</a></li>
34+
<li><a href="/docs/gpus/">Fly GPUs</a></li>
35+
<li><a href="/docs/networking/">Networking</a></li>
36+
<li><a href="/docs/kubernetes/">Fly Kubernetes</a></li>
37+
<li><a href="/docs/database-storage-guides/">Database & Storage</a></li>
38+
<li><a href="/docs/moitoring/">Monitoring</a></li>
39+
</ul>
40+
</div>
10141

102-
---
10342

104-
## Security
43+
<div class="grid grid-cols-2 py-8">
44+
<div>
45+
## Get answers in your language
46+
47+
Or framework. You know what we mean. Check out the docs specific to your tech so you can move faster.
48+
</div>
49+
<div class="h-full">
50+
<div class="grid grid-cols-3 h-full gap-2">
51+
<a
52+
href="/docs/elixir/getting-started/"
53+
class="btn h-full rounded-xl"
54+
>
55+
Phoenix
56+
</a>
57+
<a
58+
href="/docs/languages-and-frameworks/static/"
59+
class="btn h-full rounded-xl"
60+
>
61+
Static
62+
</a>
63+
<a
64+
href="/docs/rails/getting-started/"
65+
class="btn h-full rounded-xl"
66+
>
67+
Ruby on Rails
68+
</a>
69+
<a
70+
href="/docs/languages-and-frameworks/dockerfile/"
71+
class="btn h-full rounded-xl"
72+
>
73+
Docker
74+
</a>
75+
<a
76+
href="/docs/languages-and-frameworks/golang/"
77+
class="btn h-full rounded-xl"
78+
>
79+
Go
80+
</a>
81+
<a
82+
href="/docs/rust/"
83+
class="btn h-full rounded-xl"
84+
>
85+
Rust
86+
</a>
87+
<a
88+
href="/docs/django/getting-started/"
89+
class="btn h-full rounded-xl"
90+
>
91+
Django
92+
</a>
93+
<a
94+
href="/docs/laravel/"
95+
class="btn h-full rounded-xl"
96+
>
97+
Laravel
98+
</a>
99+
<a
100+
href="/docs/js/"
101+
class="btn h-full rounded-xl"
102+
>
103+
JavaScript
104+
</a>
105+
</div>
106+
</div>
107+
</div>
105108

106-
_Built-in security and partner extensions._
109+
<div class="flex justify-center">
110+
## How does Fly.io work?
111+
</div>
107112

108-
[Security](/docs/security/) on the Fly.io platform
113+
<figure>
114+
<img src="/static/images/fly-map.png" alt="" class="w-full">
115+
</figure>
109116

110-
[Application security by Arcjet](/docs/security/arcjet/) for JavaScript apps
117+
<div class="grid grid-cols-2 items-center">
118+
<figure>
119+
<img src="/static/images/help.png" alt="Illustration by Annie Ruygt of Frankie the hot air balloon waving to a bird sitting on a hour roof" class="w-full max-w-lg mx-auto">
120+
</figure>
121+
<div class="space-y-2">
122+
<h2>Could you use more help?</h2>
123+
<p>Our Community forum and Support team have the answers.</p>
124+
</div>
125+
</div>
111126

127+
<div class="grid grid-cols-2 gap-6">
128+
<div class="note">
129+
<h3>Community Forum</h3>
130+
<ul class="ml-1">
131+
<li>Free to use</li>
132+
<li>Discuss Fly.io with other users</li>
133+
<li>See new Fly.io developments first</li>
134+
<li>Searchable backlog</li>
135+
<li>Quick answers to common issues</li>
136+
</ul>
137+
<a href="https://community.fly.io" class="btn mt-4">Learn more</a>
138+
</div>
139+
140+
<div class="note">
141+
<h3>Support</h3>
142+
<ul class="ml-1">
143+
<li>Plans start at $29/month</li>
144+
<li>Guaranteed response time</li>
145+
<li>Run by Fly.io engineers, not chat bots</li>
146+
<li>Technical architecture support</li>
147+
<li>Public metrics</li>
148+
</ul>
149+
<a href="https://fly.io/support" class="btn mt-4">Learn more</a>
150+
</div>
112151
</div>

0 commit comments

Comments
 (0)