56 lines
2.6 KiB
Markdown
56 lines
2.6 KiB
Markdown
# Intro to Nx
|
|
|
|
Nx is a smart, fast and extensible build system with first class monorepo support and powerful integrations.
|
|
|
|
## Philosophy
|
|
|
|
Nx shares the design philosophy with Visual Studio Code. Code is a powerful text editor, and you can be very productive
|
|
with it even if you don't install any extensions. The ecosystem of VSCode's extensions though is what can really level
|
|
up your productivity.
|
|
|
|
Nx is similar. The core of Nx is generic, simple, and unobtrusive. Nx plugins, although very useful for many projects,
|
|
are completely optional.
|
|
|
|
Most examples on this site use Nx plugins. It's just easier to demonstrate many features Nx offers when Nx generates all
|
|
the boilerplate. The vast majority of the features though will work the same way in a workspace with no plugins.
|
|
|
|
## Getting Started
|
|
|
|
These guides will help you get started:
|
|
|
|
- [Installing Nx CLI & creating a new Nx Workspace](/{{framework}}/getting-started/nx-setup)
|
|
- [Adding Nx to an existing monorepo](/{{framework}}/migration/adding-to-monorepo)
|
|
- [Using Nx without plugins](/{{framework}}/getting-started/nx-core)
|
|
- [Nx and TypeScript](/{{framework}}/getting-started/nx-and-typescript)
|
|
- [Nx and React](/default/getting-started/nx-and-react)
|
|
- [Nx and Angular](/default/getting-started/nx-and-angular)
|
|
|
|
## Features
|
|
|
|
**Best-in-Class Support for Monorepos**
|
|
|
|
- [Smart rebuilds of affected projects](/{{framework}}/using-nx/affected)
|
|
- [Computation caching](/{{framework}}/using-nx/caching)
|
|
- [Distributed task execution](/{{framework}}/using-nx/dte)
|
|
- [Code sharing and ownership management](/{{framework}}/structure/monorepo-tags)
|
|
|
|
**Integrated Development Experience**
|
|
|
|
- [High-quality editor plugins](/{{framework}}/using-nx/console) & [GitHub apps](https://github.com/apps/nx-cloud)
|
|
- [Powerful code generators](/{{framework}}/generators/using-schematics)
|
|
- [Workspace visualizations](/{{framework}}/structure/dependency-graph)
|
|
|
|
**Supports Your Ecosystem**
|
|
|
|
- [Rich plugin ecosystem](/{{framework}}/getting-started/nx-devkit) from Nrwl and the [community](/community)
|
|
- Consistent dev experience for any framework
|
|
- [Automatic upgrade to the latest versions of all frameworks and tools](/{{framework}}/using-nx/updating-nx)
|
|
|
|
## Learn While Doing
|
|
|
|
- [Using Nx without plugins](/{{framework}}/getting-started/nx-core)
|
|
- [Nx and TypeScript](/{{framework}}/getting-started/nx-and-typescript)
|
|
- [React: Interactive Nx Tutorial (with videos)](/default/react-tutorial/01-create-application)
|
|
- [Node: Interactive Nx Tutorial (with videos)](/default/node-tutorial/01-create-application)
|
|
- [Angular: Interactive Nx Tutorial (with videos)](/default/angular-tutorial/01-create-application)
|