Skip to content

Commit f2f012b

Browse files
markmalsmarkmals
committed
Update home page
1 parent cc3f747 commit f2f012b

11 files changed

Lines changed: 87 additions & 115 deletions

File tree

‎docs/.vitepress/theme/components/Hero.vue‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,11 @@
66
>
77
<h1 class="text-pretty">Platform Integration for Remix Apps</h1>
88
<p class="text-lg max-w-md text-pretty opacity-80">
9-
One <code>remix()</code> Vite plugin — your server entry is a fetch handler
10-
that runs on Cloudflare, Netlify, Vercel, Node, Bun, or Deno.
9+
One <code>remix()</code> Vite plugin enables you to package your app for
10+
Cloudflare, Netlify, Vercel, Node, Bun, or Deno.
1111
</p>
1212
<div class="flex flex-wrap items-center justify-center md:justify-start gap-5 mt-8">
13-
<a
14-
href="/guides/vite-plugin"
15-
class="button button--primary inline-block w-fit"
16-
>
13+
<a href="/guides/vite-plugin" class="button button--primary inline-block w-fit">
1714
<span>Get Started</span>
1815
</a>
1916
<a

‎docs/.vitepress/theme/components/InstallCommand.vue‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,6 @@ async function copy() {
3232
{{ copied ? "Copied" : "Copy" }}
3333
</button>
3434
</div>
35-
<p class="opacity-70 text-sm">
36-
The <code>remix()</code> plugin for Remix 3 — works with Vite and Vite+ alike.
37-
</p>
3835
</div>
3936
</section>
4037
</template>

‎docs/.vitepress/theme/components/Intro.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,10 +25,10 @@
2525
server-rendered HTML — no manifest plumbing.
2626
</p>
2727
<p class="text-pretty opacity-85">
28-
Vite+ — or plain Vite — runs the application lifecycle. Your server entry
29-
default-exports a standard fetch handler, and platform plugins like
30-
<code>@cloudflare/vite-plugin</code> or <code>nitro/vite</code> compose
31-
alongside: swap the target, keep the app.
28+
Vite+ (or plain Vite) runs the application lifecycle. Your server entry exports
29+
a WinterTC standard fetch handler, and platform plugins like
30+
<code>@cloudflare/vite-plugin</code>, <code>@netlify/vite-plugin</code> or
31+
<code>nitro/vite</code> compose alongside.
3232
</p>
3333
<a href="/guides/vite-plugin" class="button w-fit mt-8 block lg:hidden">
3434
Learn the workflow

‎docs/.vitepress/theme/components/OperationsArt.vue‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,17 @@
1616
<div class="section-eyebrow">
1717
<span class="section-eyebrow-bar" />
1818
<span class="text-xs font-medium font-mono uppercase tracking-wide opacity-70">
19-
Deploys
19+
Deployment
2020
</span>
2121
</div>
22-
<h3 class="text-balance max-w-md">Deploys at pit-crew speed.</h3>
22+
<h3 class="text-balance max-w-md">
23+
A pit-crew that can help you deploy in no time flat.
24+
</h3>
2325
<p class="opacity-85 max-w-md">
24-
Build in your CI, upload artifacts. Every deploy guide pairs a CLI walkthrough
25-
with a GitHub Actions workflow — <code>wrangler deploy</code>,
26-
<code>netlify deploy --no-build</code>, <code>vercel deploy --prebuilt</code>,
27-
<code>railway redeploy</code> — so the Vite build always runs where you control
28-
it.
26+
Build in CI, upload artifacts. Every deploy guide pairs a CLI walkthrough with a
27+
GitHub Actions workflow, so the Vite build always runs where you control it.
2928
</p>
30-
<a href="/deploy/cloudflare" class="button w-fit mt-4">Deploy guides</a>
29+
<a href="/deploy/cloudflare" class="button w-fit mt-4">Deployment guides</a>
3130
</div>
3231
</section>
3332
</template>

‎docs/.vitepress/theme/components/PartnerLogos.vue‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,12 @@ import CheckerDivider from "./CheckerDivider.vue";
2222
<img
2323
src="/media/remix-logo-black.svg"
2424
alt="Remix"
25-
class="partner-logo partner-logo--light"
25+
class="partner-logo partner-logo--light remix"
2626
/>
2727
<img
2828
src="/media/remix-logo-white.svg"
2929
alt="Remix"
30-
class="partner-logo partner-logo--dark"
30+
class="partner-logo partner-logo--dark remix"
3131
/>
3232
</a>
3333
<span class="partner-sep" aria-hidden="true">+</span>
@@ -49,7 +49,7 @@ import CheckerDivider from "./CheckerDivider.vue";
4949
class="partner-logo partner-logo--dark"
5050
/>
5151
</a>
52-
<span class="partner-sep" aria-hidden="true">+</span>
52+
<!-- <span class="partner-sep" aria-hidden="true">+</span>
5353
<a
5454
class="partner"
5555
href="https://workers.cloudflare.com"
@@ -67,7 +67,7 @@ import CheckerDivider from "./CheckerDivider.vue";
6767
alt="Cloudflare"
6868
class="partner-logo partner-logo--dark"
6969
/>
70-
</a>
70+
</a> -->
7171
</div>
7272
</div>
7373
<CheckerDivider class="mt-12" />
@@ -91,6 +91,10 @@ import CheckerDivider from "./CheckerDivider.vue";
9191
min-width: 0;
9292
}
9393
94+
.remix {
95+
height: clamp(1.25rem, 5vw, 2.5rem) !important;
96+
}
97+
9498
.partner:hover {
9599
opacity: 0.75;
96100
}

‎docs/.vitepress/theme/components/ProductivityStats.vue‎

Lines changed: 9 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -16,35 +16,26 @@
1616
<span class="lap-stat__dot">·</span>1<span class="stat-unit">plugin</span>
1717
</div>
1818
<div class="stat-label">
19-
<code>plugins: [remix()]</code> is the whole build config — SSR and client
20-
builds, dev, preview, hydration.
19+
<code>plugins: [remix()]</code> is the whole build config: SSR + client builds,
20+
dev, preview, and hydration.
2121
</div>
2222
</div>
2323
<div class="stat">
2424
<div class="lap-stat stat-value">
2525
<span class="lap-stat__dot">·</span>2<span class="stat-unit">peer deps</span>
2626
</div>
2727
<div class="stat-label">
28-
<code>remix</code> and <code>vite</code>. Bring your own versions — the
29-
tested range is documented.
28+
<code>remix</code> and <code>vite</code> are the only dependencies Pitlane
29+
requires.
3030
</div>
3131
</div>
3232
<div class="stat">
3333
<div class="lap-stat stat-value">
34-
<span class="lap-stat__dot">·</span>6<span class="stat-unit">targets</span>
34+
<span class="lap-stat__dot">·</span>6<span class="stat-unit">guides</span>
3535
</div>
3636
<div class="stat-label">
37-
Deploy guides shipped: Cloudflare, Netlify, Vercel, Railway, Deno Deploy,
38-
GitHub Pages.
39-
</div>
40-
</div>
41-
<div class="stat">
42-
<div class="lap-stat stat-value">
43-
<span class="lap-stat__dot">·</span>8<span class="stat-unit">managers</span>
44-
</div>
45-
<div class="stat-label">
46-
Install docs speak npm, yarn, pnpm, bun, deno, vp, vlt, and nub — pick yours
47-
once, the site remembers.
37+
Learn how to deploy a Remix app to Cloudflare, Netlify, Vercel, Railway, Deno
38+
Deploy, or GitHub Pages in the documentation.
4839
</div>
4940
</div>
5041
</div>
@@ -60,7 +51,7 @@
6051
6152
@media (min-width: 900px) {
6253
.stats {
63-
grid-template-columns: repeat(4, minmax(0, 1fr));
54+
grid-template-columns: repeat(3, minmax(0, 1fr));
6455
}
6556
}
6657
@@ -84,7 +75,7 @@
8475
8576
.stat-unit {
8677
font-size: 0.34em;
87-
margin-left: 0.25em;
78+
margin-left: 0.5em;
8879
color: var(--vp-c-text-2);
8980
font-weight: 600;
9081
text-transform: lowercase;

‎docs/.vitepress/theme/components/Stack3Col.vue‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,13 @@
77
The Stack
88
</span>
99
</div>
10-
<h3 class="text-balance max-w-xl">
11-
One stack: Remix framework, Vite+ tooling, your platform.
12-
</h3>
10+
<h3 class="text-balance max-w-xl">Remix web app, Vite+ tooling, deploy anywhere.</h3>
1311
</div>
1412
<div class="grid gap-6 md:grid-cols-3">
1513
<a target="_blank" class="stack-card" href="https://remix.run">
1614
<h5 class="stack-title">Remix</h5>
1715
<p class="stack-body">
18-
Routing, middleware, and component framework your app actually runs on.
16+
Routing, middleware, and component rendering your app is built on.
1917
</p>
2018
<span class="stack-tag">runtime</span>
2119
</a>
@@ -28,10 +26,10 @@
2826
<span class="stack-tag">tooling</span>
2927
</a>
3028
<a class="stack-card" href="/deploy/cloudflare">
31-
<h5 class="stack-title">Your platform</h5>
29+
<h5 class="stack-title">Deployment</h5>
3230
<p class="stack-body">
33-
Cloudflare, Netlify, Vercel, Railway, Deno Deploy, GitHub Pages — the built
34-
fetch handler runs on all of them.
31+
Cloudflare, Netlify, Vercel, Node, Bun, Deno. Run your app anywhere JavaScript
32+
runs.
3533
</p>
3634
<span class="stack-tag">platform</span>
3735
</a>

‎docs/.vitepress/theme/components/TerminalTranscript.vue‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,23 @@
11
<script setup>
22
import { computed, onMounted, onUnmounted, ref } from "vue";
33
4+
// FIXME: Are these times correct? We should do a few runs of each of these commands and try
5+
// to get more accurate/correct timings
46
const lines = [
57
{
68
ts: "00:01.20",
7-
cmd: "vpx giget github:pitlane-tools/templates/templates/cloudflare my-app",
8-
out: "Scaffolded my-app",
9+
cmd: "vpx giget github:pitlane-tools/templates/cloudflare airfoil",
10+
out: "Scaffolded app",
911
},
10-
{ ts: "00:04.50", cmd: "cd my-app && vp install", out: "Installed 184 packages" },
11-
{ ts: "00:11.80", cmd: "vpx wrangler d1 create my-app-db", out: "D1 ready" },
12-
{ ts: "00:12.95", cmd: "vp dev", out: "Local server on :1612" },
12+
// FIXME: Is this package number accurate? We'll know after we create the templates and
13+
// we can inspect them
14+
{ ts: "00:04.50", cmd: "cd airfoil && vp install", out: "Installed 184 packages" },
15+
{ ts: "00:11.80", cmd: "vpx wrangler d1 create airfoil-db", out: "D1 database provisioned" },
16+
{ ts: "00:12.95", cmd: "vp dev", out: "Dev server running on :1612" },
1317
{
1418
ts: "00:20.70",
1519
cmd: "git push",
16-
out: "Actions deploy to https://my-app.workers.dev",
20+
out: "Deployed to https://airfoil.workers.dev",
1721
accent: true,
1822
},
1923
];
@@ -120,7 +124,7 @@ onUnmounted(() => {
120124
Lap Time
121125
</span>
122126
</div>
123-
<h3 class="text-balance max-w-2xl">From scaffold to deploy in under one minute.</h3>
127+
<h3 class="text-balance max-w-2xl">From scaffold to deploy in under a minute.</h3>
124128
</div>
125129
<div class="transcript">
126130
<div

‎docs/.vitepress/theme/layouts/Home.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,17 +19,17 @@ import TerminalTranscript from "../components/TerminalTranscript.vue";
1919
<InstallCommand />
2020
<Stack3Col />
2121
<Intro />
22-
<Suspense>
22+
<!-- <Suspense>
2323
<PrimitivesGrid />
24-
</Suspense>
24+
</Suspense> -->
2525
<CheckerDivider />
2626
<TerminalTranscript />
2727
<OperationsArt />
2828
<ProductivityStats />
2929
<PartnerLogos />
3030
<Footer
31-
heading="Start with Pitlane"
32-
subheading="Add the remix() plugin to your Vite config, keep the workflow you have, and deploy the same fetch handler anywhere."
31+
heading="It's lights out and away we go!"
32+
subheading="Add the Pitlane Remix plugin to your Vite config, keep the workflow you have, and deploy your app anywhere."
3333
button-text="Get started"
3434
button-link="/guides/vite-plugin"
3535
/>

‎docs/public/media/remix-logo-black.svg‎

Lines changed: 18 additions & 27 deletions
Loading

0 commit comments

Comments
 (0)