1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
import {
BookOpenIcon,
CloudDownloadIcon,
CloudUploadIcon,
LightBulbIcon,
LightningBoltIcon,
PencilIcon,
ServerIcon,
SparklesIcon,
} from "@heroicons/react/outline";
import { DetailedFeatureLink } from "./Feature";
import Turbo from "./logos/Turbo";
export const QuickStartArea = () => {
return (
<div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:gap-x-8 lg:gap-y-12">
<DetailedFeatureLink
feature={{
Icon: PencilIcon,
description: `Add Turborepo to any JavaScript or TypeScript project in minutes.`,
name: "Add to existing project",
}}
href="/AI/docs/getting-started/add-to-project"
></DetailedFeatureLink>
<DetailedFeatureLink
feature={{
Icon: SparklesIcon,
description: `Build a brand-new monorepo with shared packages powered by Turborepo.`,
name: "Create a new monorepo",
}}
href="/AI/docs/getting-started/create-new"
></DetailedFeatureLink>
<DetailedFeatureLink
feature={{
Icon: ServerIcon,
description: `Incrementally add Turborepo to your existing monorepo codebase.`,
name: "Add to existing monorepo",
}}
href="/AI/docs/getting-started/existing-monorepo"
></DetailedFeatureLink>
</div>
);
};
export const MonoreposArea = () => {
return (
<div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:gap-x-8 lg:gap-y-12">
<DetailedFeatureLink
feature={{
Icon: LightBulbIcon,
description: `Understand why monorepos don't scale - and why Turborepo is the solution.`,
name: "Why AI?",
}}
href="/AI/docs/core-concepts/monorepos"
></DetailedFeatureLink>
<DetailedFeatureLink
feature={{
Icon: BookOpenIcon,
description: `Learn the basics of monorepos before you dive in to Turborepo.`,
name: "Read the Monorepo Handbook",
}}
href="/AI/handbook"
></DetailedFeatureLink>
</div>
);
};
export const LearnMoreArea = () => {
return (
<div className="grid grid-cols-1 mt-12 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:gap-x-8 lg:gap-y-12">
<DetailedFeatureLink
feature={{
Icon: CloudUploadIcon,
description: `Turborepo remembers the output of any task you run - and can skip work that's already been done.`,
name: "Never do the same work twice",
}}
href="/AI/docs/core-concepts/caching"
/>
<DetailedFeatureLink
feature={{
Icon: LightningBoltIcon,
description: `The way you run your tasks is probably not optimized. Turborepo speeds them up with smart scheduling, minimising idle CPU's.`,
name: "Maximum Multitasking",
}}
href="/AI/docs/core-concepts/monorepos/running-tasks"
></DetailedFeatureLink>
</div>
);
};
|