docs(core): embed YT video to the migration doc

This commit is contained in:
Juri 2023-08-22 09:59:04 +02:00 committed by Juri Strumpflohner
parent 5389397280
commit 3b547dcf09
3 changed files with 15 additions and 0 deletions

View File

@ -1,5 +1,10 @@
# Adding Nx to your Existing Project
{% youtube
src="https://www.youtube.com/embed/VmGCZ77ao_I"
title="Add Nx to any project"
width="100%" /%}
Nx can be added to any type of project, not just monorepos. The main benefit is to get caching abilities for the package scripts. Each project usually has a set of scripts in the `package.json`:
```json {% fileName="package.json" %}

View File

@ -14,6 +14,11 @@ Nx has first-class support for [package-based monorepos](/getting-started/tutori
This is a low-impact operation because all that needs to be done is to install the `nx` package at the root level and add an `nx.json` for configuring caching and task pipelines.
{% youtube
src="https://www.youtube.com/embed/ngdoUQBvAjo"
title="Add Nx to a PNPM workspaces monorepo"
width="100%" /%}
## Installing Nx
Run the following command to automatically set up Nx:

View File

@ -2,6 +2,11 @@
Create-React-App (CRA) is one of the most widely used tool for creating, building and testing a React app. This guide will show you how to move an app generated with CRA into an Nx workspace. Once the migration process is complete, you'll be able to take advantage of all of Nx's features without needing to completely recreate your build process.
{% youtube
src="https://www.youtube.com/embed/zvYb7XCLQzU"
title="From CRA to Vite in 10 seconds"
width="100%" /%}
## Automated migration
The easiest way to setup Nx in your CRA project is to use the automated migration tool.