diff --git a/docs/shared/node-tutorial/1-code-generation.md b/docs/shared/node-tutorial/1-code-generation.md index f052235c1f..1e221ddc9e 100644 --- a/docs/shared/node-tutorial/1-code-generation.md +++ b/docs/shared/node-tutorial/1-code-generation.md @@ -25,7 +25,7 @@ In this tutorial you'll create a backend-focused workspace with Nx. For this tutorial, you'll create an Express API application, a CLI (command-line interface) application, and a library for a data client that these two applications will use to interact with a data-source. -![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.png) +![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.svg) ## Creating an Nx Workspace @@ -64,7 +64,7 @@ CREATE apps/products-cli/jest.config.ts CREATE apps/products-cli/tsconfig.spec.json ``` -![Nx Generator Syntax](/shared/node-tutorial/generator-syntax.png) +![Nx Generator Syntax](/shared/node-tutorial/generator-syntax.svg) ## Generating Libraries diff --git a/docs/shared/node-tutorial/2-project-graph.md b/docs/shared/node-tutorial/2-project-graph.md index 1565d0d7fb..c860c388bc 100644 --- a/docs/shared/node-tutorial/2-project-graph.md +++ b/docs/shared/node-tutorial/2-project-graph.md @@ -6,7 +6,7 @@ Run the command: `npx nx graph`. A browser should open up with the following con This is still different from the design from the start of Part 1: -![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.png) +![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.svg) The Project Graph is derived from the source code of your workspace. Make the following adjustments to your existing projects, so that our Project Graph will match the design: @@ -115,7 +115,7 @@ Now run `npx nx graph` again: {% side-by-side %} ![Matching Graph](/shared/node-tutorial/matching-graph.png) -![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.png) +![Our Workspace Requirements](/shared/node-tutorial/requirements-diagram.svg) {% /side-by-side %} Your graph now matches the original design. diff --git a/docs/shared/node-tutorial/3-task-running.md b/docs/shared/node-tutorial/3-task-running.md index 57021f2b68..ebeb6e8892 100644 --- a/docs/shared/node-tutorial/3-task-running.md +++ b/docs/shared/node-tutorial/3-task-running.md @@ -60,7 +60,7 @@ The properties inside each of these these targets is defined as follows: ## Running Tasks -![Syntax for Running Tasks in Nx](/shared/node-tutorial/run-target-syntax.png) +![Syntax for Running Tasks in Nx](/shared/node-tutorial/run-target-syntax.svg) Run the `build` target for your `products-data-client` project: diff --git a/docs/shared/node-tutorial/generator-syntax.png b/docs/shared/node-tutorial/generator-syntax.png deleted file mode 100644 index 6dcde3914f..0000000000 Binary files a/docs/shared/node-tutorial/generator-syntax.png and /dev/null differ diff --git a/docs/shared/node-tutorial/generator-syntax.svg b/docs/shared/node-tutorial/generator-syntax.svg new file mode 100644 index 0000000000..3ef8b4865e --- /dev/null +++ b/docs/shared/node-tutorial/generator-syntax.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/docs/shared/node-tutorial/requirements-diagram.png b/docs/shared/node-tutorial/requirements-diagram.png deleted file mode 100644 index 14a91bc208..0000000000 Binary files a/docs/shared/node-tutorial/requirements-diagram.png and /dev/null differ diff --git a/docs/shared/node-tutorial/requirements-diagram.svg b/docs/shared/node-tutorial/requirements-diagram.svg new file mode 100644 index 0000000000..201231364c --- /dev/null +++ b/docs/shared/node-tutorial/requirements-diagram.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/docs/shared/node-tutorial/run-target-syntax.png b/docs/shared/node-tutorial/run-target-syntax.png deleted file mode 100644 index 61e694c1c9..0000000000 Binary files a/docs/shared/node-tutorial/run-target-syntax.png and /dev/null differ diff --git a/docs/shared/node-tutorial/run-target-syntax.svg b/docs/shared/node-tutorial/run-target-syntax.svg new file mode 100644 index 0000000000..5ac3910822 --- /dev/null +++ b/docs/shared/node-tutorial/run-target-syntax.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/docs/shared/react-tutorial/run-target-syntax.svg b/docs/shared/react-tutorial/run-target-syntax.svg index d12a748066..9d8a5e351b 100644 --- a/docs/shared/react-tutorial/run-target-syntax.svg +++ b/docs/shared/react-tutorial/run-target-syntax.svg @@ -3,7 +3,7 @@ - +