diff --git a/docs/components/pages/home.tsx b/docs/components/pages/home.tsx index 565a64b047176..92295796f972d 100644 --- a/docs/components/pages/home.tsx +++ b/docs/components/pages/home.tsx @@ -91,405 +91,403 @@ function Page() { TypeScript codebases" /> -
-
-

- Monorepos that -
- - make ship happen. - {" "} -

-

- Turborepo is a high-performance build system for JavaScript and - TypeScript codebases. -

-
-
- - - Start Building → - - -
-
- -
+
+

+ Monorepos that +
+ + make ship happen. + {" "} +

+

+ Turborepo is a high-performance build system for JavaScript and + TypeScript codebases. +

+
+ +
+
+
-
-
-

- Trusted by teams from around the world -

+
+
+

+ Trusted by teams from around the world +

-
-
- Vercel -
-
- AWS -
-
- PayPal -
-
- Shopify -
-
- Twilio -
-
- The Washington Post -
+
+
+ Vercel +
+
+ AWS +
+
+ PayPal +
+
+ Shopify +
+
+ Twilio +
+
+ The Washington Post
+
-
-
-

- Build like the best -

-

- Turborepo reimagines build system techniques used by Facebook and - Google to remove maintenance burden and overhead. -

-
- {features.map((feature) => ( -
-
-
-
-

- {feature.name} -

-

- {feature.description} -

-
+
+
+

+ Build like the best +

+

+ Turborepo reimagines build system techniques used by Facebook and + Google to remove maintenance burden and overhead. +

+
+ {features.map((feature) => ( +
+
+
- ))} -
+
+

+ {feature.name} +

+

+ {feature.description} +

+
+
+ ))}
-
-
-

- Scaling your monorepo shouldn't be so difficult -

-
-

- Monorepos are incredible for productivity, especially on the - frontend, but the tooling can be a nightmare. There's a lot - of stuff to do (and things to mess up). Nothing “just - works.” It's become completely normal to waste entire - days or weeks on plumbing—tweaking configs, writing one-off - scripts, and stitching stuff together. -

-

- We need something else. -

-

- A fresh take on the whole setup. Designed to glue everything - together. A toolchain that works for you and not against you. - With sensible defaults, but even better escape hatches. Built - with the same techniques used by the big guys, but in a way that - doesn't require PhD to learn or a staff to maintain. -

-

- - With Turborepo, we're doing just that. - {" "} - We're abstracting the complex configuration needed for most - monorepos into a single cohesive build system—giving you a world - class development experience without the maintenance burden. -

+
+
+
+

+ Scaling your monorepo shouldn't be so difficult +

+
+

+ Monorepos are incredible for productivity, especially on the + frontend, but the tooling can be a nightmare. There's a lot + of stuff to do (and things to mess up). Nothing “just + works.” It's become completely normal to waste entire + days or weeks on plumbing—tweaking configs, writing one-off + scripts, and stitching stuff together. +

+

+ We need something else. +

+

+ A fresh take on the whole setup. Designed to glue everything + together. A toolchain that works for you and not against you. With + sensible defaults, but even better escape hatches. Built with the + same techniques used by the big guys, but in a way that + doesn't require PhD to learn or a staff to maintain. +

+

+ + With Turborepo, we're doing just that. + {" "} + We're abstracting the complex configuration needed for most + monorepos into a single cohesive build system—giving you a world + class development experience without the maintenance burden. +

+
+
+
+ Jared Palmer
-
-
+
+
Jared Palmer
-
-
- Jared Palmer -
-
- Jared Palmer -
-
- - Jared Palmer - -
Founder of Turborepo
-
+
+ Jared Palmer +
+
+ + Jared Palmer + +
Founder of Turborepo
-
-
-

- Loved by badass engineers -

+
+
+
+

+ Loved by badass engineers +

+
+
+
+ + . @turborepo is the coolest javascript + thing i've seen probably since an early prototype of + Next.js +
+
+ javascript fatigue is over + + } + /> + + . @turborepo cache hit in CI is the most + satisfying thing ever, why hasn't anyone thought of this + before lol + + } + /> + + Experimented with @turborepo on my + Flow-based 4-package monorepo where each package contains + lint, test and build commands: +
+
+ - lint, test, build all files in series: ~75s +
+ - lerna --parallel: ~62s +
+ - turbo: ~35s (791ms on cache hit) +
+
+ 🤯 Impressive results! FULL TURBO! + + } + />
-
-
- - . @turborepo is the coolest javascript - thing i've seen probably since an early prototype of - Next.js -
-
- javascript fatigue is over - - } - /> - - . @turborepo cache hit in CI is the most - satisfying thing ever, why hasn't anyone thought of - this before lol - - } - /> - - Experimented with @turborepo on my - Flow-based 4-package monorepo where each package contains - lint, test and build commands: -
-
- - lint, test, build all files in series: ~75s -
- - lerna --parallel: ~62s -
- - turbo: ~35s (791ms on cache hit) -
-
- 🤯 Impressive results! FULL TURBO! - - } - /> -
-
- - Just saw @turborepo in action and gotta - say: it looks amazing! - - } - /> +
+ + Just saw @turborepo in action and gotta + say: it looks amazing! + + } + /> - - 10 runtime-diverse apps, 7 IAC stacks, 6 custom JSII CDK - constructs, 5 third-party client wrappers, 2 auto-generated - internal api sdks, a handful of utility/misc packages under - management, & growing, in 1 monorepo--all in a - day's work for @turborepo - --no pain, all gain. 😻 - - } - /> - - Turborepo is really good at what it does: Ridiculously fast - builds. - - } - /> - - Finally! @astrodotbuild is now using - @turborepo. ♥️⚡️ -
- So glad it's open source now—congrats to{" "} - @jaredpalmer and{" "} - @vercel on the release! - - } - /> -
-
- - It's been a joy to use @turborepo.{" "} - @jaredpalmer is building something truly - wonderful for the JS community - - } - /> - - If you build for web, leave everything and go see what{" "} - @jaredpalmer is doing with{" "} - @turborepo. One of the most exciting - pieces of tech lately! The hype is real - - } - /> + + 10 runtime-diverse apps, 7 IAC stacks, 6 custom JSII CDK + constructs, 5 third-party client wrappers, 2 auto-generated + internal api sdks, a handful of utility/misc packages under + management, & growing, in 1 monorepo--all in a day's + work for @turborepo + --no pain, all gain. 😻 + + } + /> + + Turborepo is really good at what it does: Ridiculously fast + builds. + + } + /> + + Finally! @astrodotbuild is now using + @turborepo. ♥️⚡️ +
+ So glad it's open source now—congrats to{" "} + @jaredpalmer and @vercel{" "} + on the release! + + } + /> +
+
+ + It's been a joy to use @turborepo.{" "} + @jaredpalmer is building something truly + wonderful for the JS community + + } + /> + + If you build for web, leave everything and go see what{" "} + @jaredpalmer is doing with{" "} + @turborepo. One of the most exciting pieces + of tech lately! The hype is real + + } + /> - - Holy wow, I just rewrote my entire Lerna monorepo to use - Turborepo and SWC, and it took me like maybe 20 minutes. - This is insane. Literally, everything Vercel has - backed/acquired/created makes development a little easier. - But wow, it just blew my mind how easy this all is to use. - - } - /> - - Living that @turborepo life{" "} - - 😎 - - - } - /> -
+ + Holy wow, I just rewrote my entire Lerna monorepo to use + Turborepo and SWC, and it took me like maybe 20 minutes. This + is insane. Literally, everything Vercel has + backed/acquired/created makes development a little easier. But + wow, it just blew my mind how easy this all is to use. + + } + /> + + Living that @turborepo life{" "} + + 😎 + + + } + />
- - -
- + + +
+ ); } diff --git a/docs/custom.css b/docs/custom.css new file mode 100644 index 0000000000000..549ad4fc0a026 --- /dev/null +++ b/docs/custom.css @@ -0,0 +1,27 @@ +.nextra-body.full { + margin: 0 auto; +} + +code { + @apply text-sm; +} + +.dark .invert-on-dark { + filter: invert(1) brightness(1.8); +} + +body { + background: linear-gradient( + to bottom, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 300px + ), + fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0), + fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0); +} + +.dark body { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px), + fixed 0 0 / 20px 20px radial-gradient(#313131 1px, transparent 0), + fixed 10px 10px / 20px 20px radial-gradient(#313131 1px, transparent 0); +} diff --git a/docs/pages/_app.js b/docs/pages/_app.js index 7e1df5581534c..02a8f05023a99 100644 --- a/docs/pages/_app.js +++ b/docs/pages/_app.js @@ -1,5 +1,6 @@ import "../styles.css"; import "nextra-theme-docs/style.css"; +import "../custom.css"; import { SSRProvider } from "@react-aria/ssr"; diff --git a/docs/styles.css b/docs/styles.css index c4f5029f469d0..65dd5f63a7dff 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -1,25 +1 @@ @tailwind utilities; - -code { - @apply text-sm; -} - -.dark .invert-on-dark { - filter: invert(1) brightness(1.8); -} - -body { - background: linear-gradient( - to bottom, - rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 300px - ), - fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0), - fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0); -} - -.dark body { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px), - fixed 0 0 / 20px 20px radial-gradient(#313131 1px, transparent 0), - fixed 10px 10px / 20px 20px radial-gradient(#313131 1px, transparent 0); -}