From cc4a40514daf5ddd184c2848f965c321d5cf9291 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Wed, 10 Jul 2024 11:19:52 -0400
Subject: [PATCH] feat(nx-dev): update home page
Add new sections and update information about Nx.
---
docs/README.md | 8 +
docs/shared/getting-started/intro.md | 46 +-
nx-dev/nx-dev/pages/community.tsx | 6 +-
nx-dev/nx-dev/pages/customers.tsx | 5 +-
nx-dev/nx-dev/pages/index.tsx | 72 +-
nx-dev/nx-dev/pages/shader.tsx | 87 ++
nx-dev/nx-dev/public/images/github-app.webp | Bin 118416 -> 0 bytes
.../nx-dev/public/images/github-nxcloud.webp | Bin 114168 -> 0 bytes
nx-dev/nx-dev/public/images/home/crystal.avif | Bin 0 -> 53260 bytes
.../public/images/home/nx-app-dashboard.avif | Bin 0 -> 98023 bytes
.../nx-dev/public/images/home/order-dark.avif | Bin 0 -> 19428 bytes
.../public/images/home/order-light.avif | Bin 0 -> 25821 bytes
.../images/home/video-tutorial-dark.avif | Bin 0 -> 9333 bytes
.../images/home/video-tutorial-light.avif | Bin 0 -> 7759 bytes
.../nx-dev/public/images/home/yarn-dark.avif | Bin 0 -> 37342 bytes
.../nx-dev/public/images/home/yarn-light.avif | Bin 0 -> 57526 bytes
.../images/illustrations/nxdev-dark.svg | 928 --------------
.../images/illustrations/nxdev-dark.webp | Bin 121234 -> 0 bytes
.../images/illustrations/nxdev-light.svg | 929 --------------
.../images/illustrations/nxdev-light.webp | Bin 60356 -> 0 bytes
nx-dev/nx-dev/public/images/lerna-logo.svg | 3 -
.../nx-dev/public/images/nrwlio-channel.webp | Bin 91434 -> 0 bytes
.../public/images/nx-affected-dep-graph.webp | Bin 31042 -> 0 bytes
nx-dev/nx-dev/public/images/nx-affected.webp | Bin 50118 -> 0 bytes
nx-dev/nx-dev/public/images/nx-cloud.webp | Bin 71656 -> 0 bytes
.../nx-dev/public/images/nx-console-dark.webp | Bin 133266 -> 0 bytes
.../public/images/nx-console-light.webp | Bin 123692 -> 0 bytes
nx-dev/nx-dev/public/images/nx-dep-graph.webp | Bin 261236 -> 0 bytes
.../public/images/nx-egghead-course.webp | Bin 71712 -> 0 bytes
.../nx-dev/public/images/nx-on-egghead.webp | Bin 57802 -> 0 bytes
nx-dev/nx-dev/public/images/nx-playbook.webp | Bin 77376 -> 0 bytes
.../images/testimonials/akira-tsuboi.jpg | Bin 11423 -> 0 bytes
.../images/testimonials/alan-montgomery.jpg | Bin 24919 -> 0 bytes
.../images/testimonials/antoine-pairet.jpg | Bin 34754 -> 0 bytes
.../images/testimonials/daniel-marin.jpg | Bin 4708 -> 0 bytes
.../images/testimonials/kent-c-dodds.jpg | Bin 22457 -> 0 bytes
.../images/testimonials/michael-bromley.jpg | Bin 39539 -> 0 bytes
.../images/testimonials/tejas-kumar.jpg | Bin 26284 -> 0 bytes
.../images/testimonials/tomek-sulkowski.jpg | Bin 24410 -> 0 bytes
nx-dev/nx-dev/tailwind.config.js | 30 +
nx-dev/ui-animations/.babelrc | 12 +
nx-dev/ui-animations/.eslintrc.json | 18 +
nx-dev/ui-animations/README.md | 7 +
nx-dev/ui-animations/jest.config.ts | 10 +
nx-dev/ui-animations/project.json | 8 +
nx-dev/ui-animations/src/index.ts | 6 +
.../ui-animations/src/lib/animate-value.tsx | 51 +
nx-dev/ui-animations/src/lib/blur-fade.tsx | 85 ++
nx-dev/ui-animations/src/lib/fit-text.tsx | 76 ++
nx-dev/ui-animations/src/lib/marquee.tsx | 65 +
.../ui-animations/src/lib/moving-border.tsx | 89 ++
nx-dev/ui-animations/src/lib/shine-border.tsx | 67 +
nx-dev/ui-animations/tsconfig.json | 25 +
nx-dev/ui-animations/tsconfig.lib.json | 24 +
nx-dev/ui-animations/tsconfig.spec.json | 20 +
nx-dev/ui-common/src/index.ts | 5 +-
nx-dev/ui-common/src/lib/button.tsx | 4 +-
nx-dev/ui-common/src/lib/call-to-action.tsx | 90 ++
nx-dev/ui-common/src/lib/champion-perks.tsx | 4 +-
nx-dev/ui-common/src/lib/default-layout.tsx | 10 +-
nx-dev/ui-common/src/lib/footer.tsx | 16 +-
.../src/lib/headers/documentation-header.tsx | 3 +-
nx-dev/ui-common/src/lib/headers/header.tsx | 19 +-
.../ui-common/src/lib/headers/menu-items.ts | 3 +-
nx-dev/ui-common/src/lib/logos/index.ts | 64 -
nx-dev/ui-common/src/lib/nx-agents-icon.tsx | 17 -
nx-dev/ui-common/src/lib/nx-cloud-icon.tsx | 17 -
nx-dev/ui-common/src/lib/nx-icon.tsx | 14 -
nx-dev/ui-common/src/lib/nx-replay-icon.tsx | 17 -
nx-dev/ui-common/src/lib/section-tags.tsx | 61 -
nx-dev/ui-common/src/lib/sidebar.tsx | 2 +-
nx-dev/ui-common/src/lib/typography.tsx | 103 +-
.../ui-community/src/lib/connect-with-us.tsx | 2 +-
nx-dev/ui-company/src/lib/co-founders.tsx | 2 +-
nx-dev/ui-company/src/lib/hero.tsx | 2 +-
nx-dev/ui-company/src/lib/the-team.tsx | 2 +-
.../src/lib/enterprise-customers.tsx | 69 +-
nx-dev/ui-customers/src/lib/hero.tsx | 9 +-
nx-dev/ui-customers/src/lib/oss-projects.tsx | 28 +-
.../src/lib/metrics-and-customers.tsx | 2 +-
.../src/lib/scale-ci-and-teams.tsx | 9 +-
nx-dev/ui-enterprise/src/lib/trusted-by.tsx | 2 +-
nx-dev/ui-fence/src/lib/fence.tsx | 12 +-
.../src/lib/fences/terminal-output.tsx | 4 +-
.../src/lib/fences/terminal-shell.tsx | 4 +-
nx-dev/ui-home/src/index.ts | 18 +-
nx-dev/ui-home/src/lib/ci-for-monorepos.tsx | 469 +++++++
.../src/lib/extensible-and-integrated.tsx | 114 --
.../github-intergration-tab.tsx | 172 ---
.../extensible-and-integrated/graph-tab.tsx | 73 --
.../ide-integration-tab.tsx | 107 --
.../motion.helpers.ts | 20 -
.../extensible-and-integrated/plugins-tab.tsx | 364 ------
.../lib/extensible-and-integrated/tabs.tsx | 11 -
nx-dev/ui-home/src/lib/getting-started.tsx | 33 -
nx-dev/ui-home/src/lib/hero.tsx | 321 +++--
.../lib/illustrations/automated-migration.tsx | 903 ++++++++++++++
.../distributed-task-execution.tsx | 295 +++++
.../src/lib/illustrations/inferred-tasks.tsx | 728 +++++++++++
.../src/lib/illustrations/remote-caching.tsx | 856 +++++++++++++
.../src/lib/illustrations/video-tutorial.tsx | 821 +++++++++++++
.../ui-home/src/lib/improve-worst-ci-case.tsx | 33 -
nx-dev/ui-home/src/lib/logo-cloud.tsx | 169 ---
nx-dev/ui-home/src/lib/migrate.tsx | 33 -
.../lib/migrations-and-code-generation.tsx | 175 ---
nx-dev/ui-home/src/lib/monorepo-styles.tsx | 155 ---
nx-dev/ui-home/src/lib/newsletter.tsx | 155 ---
nx-dev/ui-home/src/lib/nx-statistics.tsx | 61 -
nx-dev/ui-home/src/lib/nx-with-ci.tsx | 268 ----
.../src/lib/smarter-tools-for-monorepos.tsx | 1079 +++++++++++++++++
nx-dev/ui-home/src/lib/statistics.tsx | 52 +
nx-dev/ui-home/src/lib/team-and-community.tsx | 192 +++
nx-dev/ui-home/src/lib/testimonials.tsx | 123 --
nx-dev/ui-home/src/lib/trusted-by.tsx | 126 ++
nx-dev/ui-home/src/lib/why-is-nx-fast.tsx | 19 -
.../work-better-achieve-more-ship-quicker.tsx | 128 ++
nx-dev/ui-icons/.babelrc | 12 +
nx-dev/ui-icons/.eslintrc.json | 18 +
nx-dev/ui-icons/README.md | 7 +
nx-dev/ui-icons/jest.config.ts | 10 +
nx-dev/ui-icons/project.json | 8 +
nx-dev/ui-icons/src/index.ts | 121 ++
.../src/lib/ci-providers/azure-devops.tsx | 14 +
.../src/lib/ci-providers/bitbucket.tsx | 14 +
.../src/lib/ci-providers/github.tsx} | 0
.../ui-icons/src/lib/ci-providers/gitlab.tsx | 14 +
.../ui-icons/src/lib/ci-providers/jenkins.tsx | 17 +
.../src/lib/ci-providers/travis-ci.tsx | 17 +
.../src/lib/customers}/7eleven.tsx | 0
.../src/lib/customers/adidas.tsx} | 2 +-
.../src/lib/customers}/adobe.tsx | 0
.../src/lib/customers}/american-airlines.tsx | 0
.../src/lib/customers}/aws-amplify.tsx | 0
.../src/lib/customers}/bill.tsx | 0
.../src/lib/customers}/bloomberg.tsx | 0
.../src/lib/customers}/builder-mitosis.tsx | 0
.../src/lib/customers}/cais-group.tsx | 0
.../src/lib/customers}/capital-one.tsx | 24 +
.../src/lib/customers}/caseware.tsx | 0
.../src/lib/customers}/caterpillar.tsx | 0
.../src/lib/customers}/cisco.tsx | 0
.../src/lib/customers}/click-up.tsx | 0
.../src/lib/customers}/deloitte.tsx | 0
.../lib/customers}/dicks-sporting-goods.tsx | 0
.../src/lib/customers}/dnb.tsx | 0
.../src/lib/customers}/entain.tsx | 0
.../src/lib/customers}/epic-web.tsx | 0
.../src/lib/customers}/fedex.tsx | 0
.../src/lib/customers}/fico.tsx | 0
.../src/lib/customers}/ghost.tsx | 0
.../src/lib/customers}/hasura.tsx | 0
.../src/lib/customers}/hetzner-cloud.tsx | 0
.../src/lib/customers}/hilton.tsx | 0
.../src/lib/customers}/ikea.tsx | 0
.../src/lib/customers}/intel.tsx | 0
.../src/lib/customers}/lego.tsx | 0
.../src/lib/customers}/lerna.tsx | 0
.../src/lib/customers}/mail-chimp.tsx | 0
.../src/lib/customers}/man.tsx | 0
.../src/lib/customers}/microsoft.tsx | 9 +-
.../src/lib/customers}/milliennium.tsx | 0
.../src/lib/customers}/moderna.tsx | 0
.../src/lib/customers}/mui.tsx | 0
.../src/lib/customers}/paramount.tsx | 0
.../src/lib/customers}/payfit.tsx | 0
.../src/lib/customers}/paylocity.tsx | 0
.../src/lib/customers}/philips.tsx | 0
.../src/lib/customers}/react-query.tsx | 0
.../src/lib/customers}/red-bull.tsx | 0
.../src/lib/customers}/redwood-js.tsx | 0
.../lib/customers}/royal-bank-of-canada.tsx | 0
.../src/lib/customers}/sainsburys.tsx | 0
.../src/lib/customers}/sentry.tsx | 0
.../src/lib/customers}/sharp.tsx | 0
.../src/lib/customers}/shopify.tsx | 0
.../src/lib/customers}/splice.tsx | 0
.../src/lib/customers}/storybook.tsx | 0
.../src/lib/customers}/strapi.tsx | 0
.../src/lib/customers}/t-mobile.tsx | 3 +
.../src/lib/customers}/tanstack.tsx | 0
.../src/lib/customers}/three-kit.tsx | 0
.../src/lib/customers}/tide.tsx | 0
.../src/lib/customers}/typescript-eslint.tsx | 0
.../src/lib/customers}/ukg.tsx | 0
.../src/lib/customers}/varian.tsx | 0
.../src/lib/customers}/vmware.tsx | 0
.../src/lib/customers}/vodafone.tsx | 0
.../src/lib/customers}/wallmart.tsx | 0
.../src/lib/customers}/zipari.tsx | 0
nx-dev/ui-icons/src/lib/editors/jetbrains.tsx | 14 +
.../src/lib/editors/visual-studio-code.tsx | 14 +
nx-dev/ui-icons/src/lib/products.tsx | 91 ++
.../ui-icons/src/lib/socials/discord-icon.tsx | 19 +
nx-dev/ui-icons/src/lib/socials/x-icon.tsx | 14 +
nx-dev/ui-icons/src/lib/socials/youtube.tsx | 17 +
.../src/lib/technologies}/angular.tsx | 2 +-
.../ui-icons/src/lib/technologies/astro.tsx | 17 +
.../src/lib/technologies}/cypress.tsx | 4 +-
.../ui-icons/src/lib/technologies/dot-net.tsx | 14 +
.../src/lib/technologies}/electron.tsx | 0
.../ui-icons/src/lib/technologies/esbuild.tsx | 14 +
.../ui-icons/src/lib/technologies/eslint.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/expo.tsx | 14 +
.../ui-icons/src/lib/technologies/express.tsx | 14 +
.../ui-icons/src/lib/technologies/fastify.tsx | 17 +
nx-dev/ui-icons/src/lib/technologies/go.tsx | 17 +
.../ui-icons/src/lib/technologies/gradle.tsx | 14 +
.../ui-icons/src/lib/technologies/html5.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/java.tsx | 14 +
.../src/lib/technologies/javascript.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/jest.tsx | 14 +
.../ui-icons/src/lib/technologies/nestjs.tsx | 14 +
.../ui-icons/src/lib/technologies/nextjs.tsx | 14 +
.../ui-icons/src/lib/technologies/nodejs.tsx | 14 +
.../ui-icons/src/lib/technologies/nuxtjs.tsx | 17 +
.../src/lib/technologies/playwright.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/pnpm.tsx | 17 +
.../src/lib/technologies/prettier.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/qwik.tsx | 17 +
.../ui-icons/src/lib/technologies/react.tsx | 14 +
.../ui-icons/src/lib/technologies/remix.tsx | 14 +
.../ui-icons/src/lib/technologies/rollup.tsx | 14 +
.../ui-icons/src/lib/technologies/rspack.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/rust.tsx | 17 +
.../src/lib/technologies}/rxjs.tsx | 0
.../ui-icons/src/lib/technologies/solid.tsx | 17 +
.../src/lib/technologies/storybook.tsx | 14 +
.../src/lib/technologies/typescript.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/vite.tsx | 14 +
.../ui-icons/src/lib/technologies/vitest.tsx | 14 +
nx-dev/ui-icons/src/lib/technologies/vue.tsx | 14 +
.../ui-icons/src/lib/technologies/webpack.tsx | 14 +
nx-dev/ui-icons/tsconfig.json | 25 +
nx-dev/ui-icons/tsconfig.lib.json | 24 +
nx-dev/ui-icons/tsconfig.spec.json | 20 +
.../ui-markdoc/src/lib/nodes/fence.schema.tsx | 1 +
.../src/lib/nodes/heading.component.tsx | 2 +-
nx-dev/ui-primitives/src/index.ts | 1 +
.../src/lib/use-layout.effect.ts | 3 +-
.../ui-primitives/src/lib/use-media-query.ts | 43 +
package.json | 18 +-
pnpm-lock.yaml | 714 +++++++++--
tsconfig.base.json | 2 +
243 files changed, 8551 insertions(+), 4599 deletions(-)
create mode 100644 nx-dev/nx-dev/pages/shader.tsx
delete mode 100644 nx-dev/nx-dev/public/images/github-app.webp
delete mode 100644 nx-dev/nx-dev/public/images/github-nxcloud.webp
create mode 100644 nx-dev/nx-dev/public/images/home/crystal.avif
create mode 100644 nx-dev/nx-dev/public/images/home/nx-app-dashboard.avif
create mode 100644 nx-dev/nx-dev/public/images/home/order-dark.avif
create mode 100644 nx-dev/nx-dev/public/images/home/order-light.avif
create mode 100644 nx-dev/nx-dev/public/images/home/video-tutorial-dark.avif
create mode 100644 nx-dev/nx-dev/public/images/home/video-tutorial-light.avif
create mode 100644 nx-dev/nx-dev/public/images/home/yarn-dark.avif
create mode 100644 nx-dev/nx-dev/public/images/home/yarn-light.avif
delete mode 100644 nx-dev/nx-dev/public/images/illustrations/nxdev-dark.svg
delete mode 100644 nx-dev/nx-dev/public/images/illustrations/nxdev-dark.webp
delete mode 100644 nx-dev/nx-dev/public/images/illustrations/nxdev-light.svg
delete mode 100644 nx-dev/nx-dev/public/images/illustrations/nxdev-light.webp
delete mode 100644 nx-dev/nx-dev/public/images/lerna-logo.svg
delete mode 100644 nx-dev/nx-dev/public/images/nrwlio-channel.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-affected-dep-graph.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-affected.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-cloud.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-console-dark.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-console-light.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-dep-graph.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-egghead-course.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-on-egghead.webp
delete mode 100644 nx-dev/nx-dev/public/images/nx-playbook.webp
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/akira-tsuboi.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/alan-montgomery.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/antoine-pairet.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/daniel-marin.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/kent-c-dodds.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/michael-bromley.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/tejas-kumar.jpg
delete mode 100644 nx-dev/nx-dev/public/images/testimonials/tomek-sulkowski.jpg
create mode 100644 nx-dev/ui-animations/.babelrc
create mode 100644 nx-dev/ui-animations/.eslintrc.json
create mode 100644 nx-dev/ui-animations/README.md
create mode 100644 nx-dev/ui-animations/jest.config.ts
create mode 100644 nx-dev/ui-animations/project.json
create mode 100644 nx-dev/ui-animations/src/index.ts
create mode 100644 nx-dev/ui-animations/src/lib/animate-value.tsx
create mode 100644 nx-dev/ui-animations/src/lib/blur-fade.tsx
create mode 100644 nx-dev/ui-animations/src/lib/fit-text.tsx
create mode 100644 nx-dev/ui-animations/src/lib/marquee.tsx
create mode 100644 nx-dev/ui-animations/src/lib/moving-border.tsx
create mode 100644 nx-dev/ui-animations/src/lib/shine-border.tsx
create mode 100644 nx-dev/ui-animations/tsconfig.json
create mode 100644 nx-dev/ui-animations/tsconfig.lib.json
create mode 100644 nx-dev/ui-animations/tsconfig.spec.json
create mode 100644 nx-dev/ui-common/src/lib/call-to-action.tsx
delete mode 100644 nx-dev/ui-common/src/lib/logos/index.ts
delete mode 100644 nx-dev/ui-common/src/lib/nx-agents-icon.tsx
delete mode 100644 nx-dev/ui-common/src/lib/nx-cloud-icon.tsx
delete mode 100644 nx-dev/ui-common/src/lib/nx-icon.tsx
delete mode 100644 nx-dev/ui-common/src/lib/nx-replay-icon.tsx
delete mode 100644 nx-dev/ui-common/src/lib/section-tags.tsx
create mode 100644 nx-dev/ui-home/src/lib/ci-for-monorepos.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/github-intergration-tab.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/graph-tab.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/ide-integration-tab.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/motion.helpers.ts
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/plugins-tab.tsx
delete mode 100644 nx-dev/ui-home/src/lib/extensible-and-integrated/tabs.tsx
delete mode 100644 nx-dev/ui-home/src/lib/getting-started.tsx
create mode 100644 nx-dev/ui-home/src/lib/illustrations/automated-migration.tsx
create mode 100644 nx-dev/ui-home/src/lib/illustrations/distributed-task-execution.tsx
create mode 100644 nx-dev/ui-home/src/lib/illustrations/inferred-tasks.tsx
create mode 100644 nx-dev/ui-home/src/lib/illustrations/remote-caching.tsx
create mode 100644 nx-dev/ui-home/src/lib/illustrations/video-tutorial.tsx
delete mode 100644 nx-dev/ui-home/src/lib/improve-worst-ci-case.tsx
delete mode 100644 nx-dev/ui-home/src/lib/logo-cloud.tsx
delete mode 100644 nx-dev/ui-home/src/lib/migrate.tsx
delete mode 100644 nx-dev/ui-home/src/lib/migrations-and-code-generation.tsx
delete mode 100644 nx-dev/ui-home/src/lib/monorepo-styles.tsx
delete mode 100644 nx-dev/ui-home/src/lib/newsletter.tsx
delete mode 100644 nx-dev/ui-home/src/lib/nx-statistics.tsx
delete mode 100644 nx-dev/ui-home/src/lib/nx-with-ci.tsx
create mode 100644 nx-dev/ui-home/src/lib/smarter-tools-for-monorepos.tsx
create mode 100644 nx-dev/ui-home/src/lib/statistics.tsx
create mode 100644 nx-dev/ui-home/src/lib/team-and-community.tsx
delete mode 100644 nx-dev/ui-home/src/lib/testimonials.tsx
create mode 100644 nx-dev/ui-home/src/lib/trusted-by.tsx
delete mode 100644 nx-dev/ui-home/src/lib/why-is-nx-fast.tsx
create mode 100644 nx-dev/ui-home/src/lib/work-better-achieve-more-ship-quicker.tsx
create mode 100644 nx-dev/ui-icons/.babelrc
create mode 100644 nx-dev/ui-icons/.eslintrc.json
create mode 100644 nx-dev/ui-icons/README.md
create mode 100644 nx-dev/ui-icons/jest.config.ts
create mode 100644 nx-dev/ui-icons/project.json
create mode 100644 nx-dev/ui-icons/src/index.ts
create mode 100644 nx-dev/ui-icons/src/lib/ci-providers/azure-devops.tsx
create mode 100644 nx-dev/ui-icons/src/lib/ci-providers/bitbucket.tsx
rename nx-dev/{ui-common/src/lib/github-icon.tsx => ui-icons/src/lib/ci-providers/github.tsx} (100%)
create mode 100644 nx-dev/ui-icons/src/lib/ci-providers/gitlab.tsx
create mode 100644 nx-dev/ui-icons/src/lib/ci-providers/jenkins.tsx
create mode 100644 nx-dev/ui-icons/src/lib/ci-providers/travis-ci.tsx
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/7eleven.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos/addidas.tsx => ui-icons/src/lib/customers/adidas.tsx} (83%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/adobe.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/american-airlines.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/aws-amplify.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/bill.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/bloomberg.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/builder-mitosis.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/cais-group.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/capital-one.tsx (72%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/caseware.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/caterpillar.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/cisco.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/click-up.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/deloitte.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/dicks-sporting-goods.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/dnb.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/entain.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/epic-web.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/fedex.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/fico.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/ghost.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/hasura.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/hetzner-cloud.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/hilton.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/ikea.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/intel.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/lego.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/lerna.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/mail-chimp.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/man.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/microsoft.tsx (53%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/milliennium.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/moderna.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/mui.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/paramount.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/payfit.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/paylocity.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/philips.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/react-query.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/red-bull.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/redwood-js.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/royal-bank-of-canada.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/sainsburys.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/sentry.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/sharp.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/shopify.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/splice.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/storybook.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/strapi.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/t-mobile.tsx (92%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/tanstack.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/three-kit.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/tide.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/typescript-eslint.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/ukg.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/varian.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/vmware.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/vodafone.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/wallmart.tsx (100%)
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/customers}/zipari.tsx (100%)
create mode 100644 nx-dev/ui-icons/src/lib/editors/jetbrains.tsx
create mode 100644 nx-dev/ui-icons/src/lib/editors/visual-studio-code.tsx
create mode 100644 nx-dev/ui-icons/src/lib/products.tsx
create mode 100644 nx-dev/ui-icons/src/lib/socials/discord-icon.tsx
create mode 100644 nx-dev/ui-icons/src/lib/socials/x-icon.tsx
create mode 100644 nx-dev/ui-icons/src/lib/socials/youtube.tsx
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/technologies}/angular.tsx (57%)
create mode 100644 nx-dev/ui-icons/src/lib/technologies/astro.tsx
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/technologies}/cypress.tsx (97%)
create mode 100644 nx-dev/ui-icons/src/lib/technologies/dot-net.tsx
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/technologies}/electron.tsx (100%)
create mode 100644 nx-dev/ui-icons/src/lib/technologies/esbuild.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/eslint.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/expo.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/express.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/fastify.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/go.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/gradle.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/html5.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/java.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/javascript.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/jest.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/nestjs.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/nextjs.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/nodejs.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/nuxtjs.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/playwright.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/pnpm.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/prettier.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/qwik.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/react.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/remix.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/rollup.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/rspack.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/rust.tsx
rename nx-dev/{ui-common/src/lib/logos => ui-icons/src/lib/technologies}/rxjs.tsx (100%)
create mode 100644 nx-dev/ui-icons/src/lib/technologies/solid.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/storybook.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/typescript.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/vite.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/vitest.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/vue.tsx
create mode 100644 nx-dev/ui-icons/src/lib/technologies/webpack.tsx
create mode 100644 nx-dev/ui-icons/tsconfig.json
create mode 100644 nx-dev/ui-icons/tsconfig.lib.json
create mode 100644 nx-dev/ui-icons/tsconfig.spec.json
create mode 100644 nx-dev/ui-primitives/src/lib/use-media-query.ts
diff --git a/docs/README.md b/docs/README.md
index 126e6fe1e5cf67..0466657cad4738 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -183,6 +183,14 @@ To display a terminal command, use:
```
````
+You can also add a title to the shell as follows:
+
+````
+```shell {% title="Build the app" %}
+ npx nx build
+```
+````
+
#### Terminal Output
You can display your terminal output with a dedicated component the same way you would show code.
diff --git a/docs/shared/getting-started/intro.md b/docs/shared/getting-started/intro.md
index 72198082cc0cdf..1e96e9709aeb6c 100644
--- a/docs/shared/getting-started/intro.md
+++ b/docs/shared/getting-started/intro.md
@@ -17,10 +17,32 @@ Find out more about [why you should use Nx](/getting-started/why-nx) or browse o
## Try Nx Yourself!
-```shell
-npx create-nx-workspace@latest
+{% side-by-side %}
+
+```shell {% title="Create a new workspace" %}
+npx create-nx-workspace
+```
+
+```shell {% title="Add Nx to an existing workspace" %}
+npx nx init
```
+{% /side-by-side %}
+
+Also, here are some recipes that give you more details based on the technology stack you're using:
+
+{% cards cols="2" mdCols="4" smCols="2" moreLink="/recipes/adopting-nx" %}
+
+{% link-card title="Add to Existing Monorepo" appearance="small" url="/recipes/adopting-nx/adding-to-monorepo" icon="pnpm" /%}
+
+{% link-card title="Add to Any Project" appearance="small" url="/recipes/adopting-nx/adding-to-existing-project" icon="nx" /%}
+
+{% link-card title="Migrate from Angular CLI" appearance="small" url="/recipes/angular/migration/angular" icon="angular" /%}
+
+{% /cards %}
+{% /tab %}
+{% /tabs %}
+
## Learn Nx
{% cards cols="2" lgCols="4" mdCols="4" smCols="2" %}
@@ -57,26 +79,6 @@ npx create-nx-workspace@latest
{% /cards %}
-## Have an Existing Project? Add Nx to it!
-
-If you have an existing project and want to adopt Nx or migrate to Nx just run the following command which guides you through the migration process:
-
-```shell
-npx nx@latest init
-```
-
-Alternatively, here are some recipes that give you more details based on the technology stack you're using:
-
-{% cards cols="2" mdCols="4" smCols="2" moreLink="/recipes/adopting-nx" %}
-
-{% link-card title="Add to Existing Monorepo" appearance="small" url="/recipes/adopting-nx/adding-to-monorepo" icon="pnpm" /%}
-
-{% link-card title="Add to Any Project" appearance="small" url="/recipes/adopting-nx/adding-to-existing-project" icon="nx" /%}
-
-{% link-card title="Migrate from Angular CLI" appearance="small" url="/recipes/angular/migration/angular" icon="angular" /%}
-
-{% /cards %}
-
## Pick Your Stack!
{% cards cols="3" lgCols="8" mdCols="6" smCols="5" moreLink="/showcase/example-repos" %}
diff --git a/nx-dev/nx-dev/pages/community.tsx b/nx-dev/nx-dev/pages/community.tsx
index 52227f587fe6ad..ef607cd67d5456 100644
--- a/nx-dev/nx-dev/pages/community.tsx
+++ b/nx-dev/nx-dev/pages/community.tsx
@@ -49,12 +49,12 @@ export default function Community(): JSX.Element {
-
+
Get to know our
@@ -81,7 +81,7 @@ export default function Community(): JSX.Element {
-