import { ChevronRightIcon, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, } from '@heroicons/react/24/outline'; import { ButtonLink } from '@nx/nx-dev/ui-common'; import { Fragment, useEffect, useState } from 'react'; import { Transition } from '@headlessui/react'; import { cx } from '@nx/nx-dev/ui-primitives'; export function Hero(): JSX.Element { const [copied, setCopied] = useState(false); const [displayBuildSystem, setDisplayBuildSystem] = useState(false); const [displayTools, setDisplayTools] = useState(false); const [displayCi, setDisplayCi] = useState(false); useEffect(() => { let t: NodeJS.Timeout; if (copied) { t = setTimeout(() => { setCopied(false); }, 3000); } return () => { t && clearTimeout(t); }; }, [copied]); return (

Introducing{' '} Nx Agents, the next leap in CI.{' '} Read more

Smart {' '} Monorepos Fast {' '} CI

Nx is a{' '} setDisplayBuildSystem(!displayBuildSystem)} className={cx( 'cursor-pointer hover:underline inline-flex items-center rounded-md hover:bg-slate-50 my-0.5 px-1.5 py-0.5 transition text-md font-medium ring-1 ring-inset ring-slate-500/10 hover:dark:bg-slate-400/10 dark:ring-slate-400/20', displayBuildSystem && 'bg-yellow-500/10 dark:bg-yellow-500/20' )} > build system {' '} optimized for monorepos {' '} with{' '} setDisplayTools(!displayTools)} className={cx( 'cursor-pointer hover:underline inline-flex items-center rounded-md hover:bg-slate-50 my-0.5 px-1.5 py-0.5 transition text-md font-medium ring-1 ring-inset ring-slate-500/10 hover:dark:bg-slate-400/10 dark:ring-slate-400/20', displayTools && 'bg-cyan-500/10 dark:bg-cyan-500/20' )} > built-in tooling {' '} for code scaffolding, module boundary enforcement, automated updates {' '} and{' '} setDisplayCi(!displayCi)} className={cx( 'cursor-pointer hover:underline inline-flex items-center rounded-md hover:bg-slate-50 my-0.5 px-1.5 py-0.5 transition text-md font-medium ring-1 ring-inset ring-slate-500/10 hover:dark:bg-slate-400/10 dark:ring-slate-400/20', displayCi && 'bg-fuchsia-500/10 dark:bg-fuchsia-500/20' )} > advanced CI capabilities {' '} with caching and distribution {' '} . It helps you maintain and scale monorepos, both locally and on CI.

Get started Contact us

Built with Rust for speed & TypeScript for extensibility

{/**/} {/* PLACEHOLDER ILLUSTRATION*/} {/**/}

); }