94 lines
3.6 KiB
Markdown
94 lines
3.6 KiB
Markdown
# Intro to Nx
|
|
|
|
Nx is a powerful open-source build system that provides tools and techniques for enhancing developer productivity, optimizing CI performance, and maintaining code quality. Learn more about [how Nx works](/getting-started/why-nx).
|
|
|
|
You can use Nx to quickly scaffold a new standalone project or even an entire monorepo. It can be incrementally adopted and will grow with your project as it scales.
|
|
|
|
{% cards cols="3" %}
|
|
|
|
{% title-card title="New Monorepo" url="#start-a-new-monorepo" /%}
|
|
{% title-card title="New Standalone Project" url="#start-a-new-standalone-project" /%}
|
|
{% title-card title="Add to an Existing Project or Monorepo" url="#adding-nx-to-an-existing-project-or-monorepo" /%}
|
|
|
|
{% /cards %}
|
|
|
|
## Start a New Monorepo
|
|
|
|
Its modular architecture lets you adopt Nx for package-based monorepos in combination with NPM, Yarn or PNPM, or create a fully integrated monorepo using Nx plugins. Learn more with the tutorials below.
|
|
|
|
{% personas %}
|
|
{% persona type="javascript" title="New Package-Based Repo" url="/tutorials/package-based-repo-tutorial" %}
|
|
Create a monorepo with Yarn, NPM or PNPM. Nx makes it fast, but lets you run things your way.
|
|
|
|
- [Get started with your package-based repo](/tutorials/package-based-repo-tutorial)
|
|
|
|
{% /persona %}
|
|
|
|
{% persona type="integrated" title="New Integrated Repo" url="/tutorials/integrated-repo-tutorial" %}
|
|
|
|
Get a pre-configured setup. Nx configures your favorite frameworks and lets you focus on shipping features.
|
|
|
|
- [Get started with your integrated repo](/tutorials/integrated-repo-tutorial)
|
|
|
|
{% /persona %}
|
|
|
|
{% /personas %}
|
|
|
|
{% /cards %}
|
|
|
|
## Start a New Standalone Project
|
|
|
|
Nx works well not just for monorepos. Nx plugins help you scaffold new standalone projects with pre-configured tooling and modularize your codebase with local libraries.
|
|
|
|
{% cards cols="3" %}
|
|
|
|
{% persona type="react" title="Create a Standalone React app" url="/tutorials/react-standalone-tutorial" %}
|
|
|
|
A modern React setup with built-in support for Vite, ESLint, Cypress, and more. Think CRA but modern, always up-to-date and scalable.
|
|
|
|
- [Create a Standalone React app](/tutorials/react-standalone-tutorial)
|
|
|
|
{% /persona %}
|
|
|
|
{% persona type="angular" title="Create a Standalone Angular app" url="/tutorials/angular-standalone-tutorial" %}
|
|
|
|
A modern Angular development experience powered by advanced generators and integrations with modern tooling.
|
|
|
|
- [Create a Standalone Angular app](/tutorials/angular-standalone-tutorial)
|
|
|
|
{% /persona %}
|
|
|
|
{% persona type="node" title="Create a Standalone Node server" url="/tutorials/node-server-tutorial" %}
|
|
|
|
A modern Node server with scaffolding for Express, Fastify or Koa. There's also Docker support built-in.
|
|
|
|
- [Create a Standalone Node server](/tutorials/node-server-tutorial)
|
|
|
|
{% /persona %}
|
|
|
|
{% /cards %}
|
|
|
|
## Adding Nx to an Existing Project or Monorepo
|
|
|
|
Coming from an existing project and want to adopt Nx? We have a few recipes to help you get started.
|
|
|
|
{% cards cols="2" %}
|
|
|
|
{% persona type="extend" title="Add to Existing Monorepo" url="/recipes/adopting-nx/adding-to-monorepo" %}
|
|
Add Nx to your existing NPM/YARN/PNPM workspace
|
|
{% /persona %}
|
|
|
|
{% persona title="Add to any Project" type="extend" url="/recipes/adopting-nx/adding-to-existing-project" %}
|
|
Add Nx to a standalone project
|
|
{% /persona %}
|
|
|
|
{% persona title="Migrate from CRA" type="react" url="/recipes/adopting-nx/migration-cra" %}
|
|
Migrate from a CRA setup and automatically switch to Vite
|
|
{% /persona %}
|
|
|
|
{% persona title="Migrate from Angular CLI" type="angular" url="/recipes/adopting-nx/migration-angular" %}
|
|
Automatically migrate from the Angular CLI
|
|
{% /persona %}
|
|
|
|
{% /cards %}
|