diff --git a/docs/changelog/15_3_0.md b/docs/changelog/15_3_0.md index d62665e75a..e691b69aae 100644 --- a/docs/changelog/15_3_0.md +++ b/docs/changelog/15_3_0.md @@ -5,7 +5,7 @@ {% youtube src="https://www.youtube.com/embed/KBFQZw5ynFs" title="What's new in Nx 15.3?" -width="100%" /%} +/%} Here are some of our feature highlights: {% cards cols="2" %} diff --git a/docs/changelog/15_4_0.md b/docs/changelog/15_4_0.md index db59088b01..e7ab69cdd3 100644 --- a/docs/changelog/15_4_0.md +++ b/docs/changelog/15_4_0.md @@ -5,7 +5,8 @@ {% youtube src="https://www.youtube.com/embed/G02THNy3PcE" title="Nx 15.4 is out! Here's all you need to know" -width="100%" /%} +/%} + Here are some of our feature highlights: {% cards cols="2" %} diff --git a/docs/changelog/15_7_0.md b/docs/changelog/15_7_0.md index 720965cb2a..d0df24e9eb 100644 --- a/docs/changelog/15_7_0.md +++ b/docs/changelog/15_7_0.md @@ -5,7 +5,8 @@ {% youtube src="https://www.youtube.com/embed/IStJODzZSoc" title="What's new in Nx 15.7?" -width="100%" /%} +/%} + Here are some of our feature highlights: {% cards cols="2" %} diff --git a/docs/changelog/15_8_0.md b/docs/changelog/15_8_0.md index eb0ed76961..1a27559eef 100644 --- a/docs/changelog/15_8_0.md +++ b/docs/changelog/15_8_0.md @@ -5,7 +5,8 @@ {% youtube src="https://www.youtube.com/embed/4XdHT5Y7zj4" title="Nx 15.8 - All you need to know!" -width="100%" /%} +/%} + Here are some of our feature highlights: {% cards cols="2" %} diff --git a/docs/changelog/16_0_0.md b/docs/changelog/16_0_0.md index 774164b11d..ace3ea80ac 100644 --- a/docs/changelog/16_0_0.md +++ b/docs/changelog/16_0_0.md @@ -5,7 +5,8 @@ We’re proud to announce the release of Nx version 16! {% youtube src="https://www.youtube.com/embed/JIhOyJtuxEA" title="Nx 16.0 Release" -width="100%" /%} +/%} + Here are some of our feature highlights: {% cards cols="2" %} diff --git a/docs/changelog/16_5_0.md b/docs/changelog/16_5_0.md index d076d859d6..bb086e2e5b 100644 --- a/docs/changelog/16_5_0.md +++ b/docs/changelog/16_5_0.md @@ -5,7 +5,7 @@ {% youtube src="https://www.youtube.com/embed/7XLoLOc3afY" title="Nx 16.5 Release!!!!" -width="100%" /%} +/%} Feature highlights: diff --git a/docs/generated/packages/storybook/documents/migrate-webpack-final-react.md b/docs/generated/packages/storybook/documents/migrate-webpack-final-react.md index de4ebf8e76..53600951a1 100644 --- a/docs/generated/packages/storybook/documents/migrate-webpack-final-react.md +++ b/docs/generated/packages/storybook/documents/migrate-webpack-final-react.md @@ -14,7 +14,7 @@ Nx 12.7 comes with a dedicated Storybook addon for React which dramatically simp {% youtube src="https://www.youtube.com/embed/oUE74McS_NY" title="New in Nx 12.7: React Storybook Preset" -width="100%" /%} +/%} Here are the main differences to the previous versions of Nx: diff --git a/docs/shared/angular-standalone-tutorial/1-code-generation.md b/docs/shared/angular-standalone-tutorial/1-code-generation.md index 7330fa2246..d760a42289 100644 --- a/docs/shared/angular-standalone-tutorial/1-code-generation.md +++ b/docs/shared/angular-standalone-tutorial/1-code-generation.md @@ -10,7 +10,7 @@ This tutorial sets up a repo with a single application at the root level that br {% youtube src="https://www.youtube.com/embed/LYPVrWQNnEc" title="Tutorial: Standalone Angular Application" -width="100%" /%} +/%} {% github-repository url="https://github.com/nrwl/nx-recipes/tree/main/angular-standalone" /%} diff --git a/docs/shared/angular-standalone-tutorial/angular-standalone.md b/docs/shared/angular-standalone-tutorial/angular-standalone.md index e9555d848b..2e680557db 100644 --- a/docs/shared/angular-standalone-tutorial/angular-standalone.md +++ b/docs/shared/angular-standalone-tutorial/angular-standalone.md @@ -27,7 +27,7 @@ Also, if you prefer learning with a video, join Juri and walk through the tutori {% youtube src="https://www.youtube.com/embed/ZAO0yXupIIE" title="Tutorial: Standalone Angular Application" -width="100%" /%} +/%} ## Creating a new Angular App diff --git a/docs/shared/core-features/automate-updating-dependencies.md b/docs/shared/core-features/automate-updating-dependencies.md index f5cdd0b3bb..9e9181c9cf 100644 --- a/docs/shared/core-features/automate-updating-dependencies.md +++ b/docs/shared/core-features/automate-updating-dependencies.md @@ -13,7 +13,7 @@ The `nx migrate` command helps by automating the process of updating: {% youtube src="https://www.youtube.com/embed/Ss6MfcXi0jE" title="How Automated Code Migrations Work" -width="100%" /%} +/%} Nx knows where its configuration files are and can therefore make sure they match the expected format. This automated update process, commonly referred to as "migration," becomes even more powerful when you leverage [Nx plugins](/packages). Nx plugins, which are NPM packages with a range of capabilities (code generation, task automation...), offer targeted updates based on their specific areas of responsibility. diff --git a/docs/shared/core-features/enforce-project-boundaries.md b/docs/shared/core-features/enforce-project-boundaries.md index 6f61c463ef..fd05f9891f 100644 --- a/docs/shared/core-features/enforce-project-boundaries.md +++ b/docs/shared/core-features/enforce-project-boundaries.md @@ -7,7 +7,7 @@ To help with that Nx uses code analysis to make sure projects can only depend on {% youtube src="https://www.youtube.com/embed/q0en5vlOsWY" title="Applying Module Boundaries" -width="100%" /%} +/%} ## Project APIs diff --git a/docs/shared/deprecated/storybook/migrate-webpack-final-react.md b/docs/shared/deprecated/storybook/migrate-webpack-final-react.md index de4ebf8e76..53600951a1 100644 --- a/docs/shared/deprecated/storybook/migrate-webpack-final-react.md +++ b/docs/shared/deprecated/storybook/migrate-webpack-final-react.md @@ -14,7 +14,7 @@ Nx 12.7 comes with a dedicated Storybook addon for React which dramatically simp {% youtube src="https://www.youtube.com/embed/oUE74McS_NY" title="New in Nx 12.7: React Storybook Preset" -width="100%" /%} +/%} Here are the main differences to the previous versions of Nx: diff --git a/docs/shared/migration/angular-multiple.md b/docs/shared/migration/angular-multiple.md index 7e3ee56bc5..6dd60ba035 100644 --- a/docs/shared/migration/angular-multiple.md +++ b/docs/shared/migration/angular-multiple.md @@ -17,4 +17,4 @@ The following video tutorial walks you through such a scenario. {% youtube src="https://www.youtube.com/embed/M5NwkRNrpK0" title="Nx Tutorial: Migrate Multiple Angular CLI apps into a Single Nx Monorepo" -width="100%" /%} +/%} diff --git a/docs/shared/migration/migration-angular.md b/docs/shared/migration/migration-angular.md index d8f8f50dbe..618753a0fa 100644 --- a/docs/shared/migration/migration-angular.md +++ b/docs/shared/migration/migration-angular.md @@ -126,7 +126,7 @@ Learn more about the advantages of Nx in the following guides: {% youtube src="https://www.youtube.com/embed/vRj9SNVYKrE" title="Nx Console Updates 17.15.0" -width="100%" /%} +/%} Nx Console no longer supports the Angular CLI. Angular CLI users will receive a notice, asking if they want to switch to Nx. diff --git a/docs/shared/node-server-tutorial/1-code-generation.md b/docs/shared/node-server-tutorial/1-code-generation.md index 9a165a8033..fabeda4d85 100644 --- a/docs/shared/node-server-tutorial/1-code-generation.md +++ b/docs/shared/node-server-tutorial/1-code-generation.md @@ -12,7 +12,7 @@ You can find more information on the difference between the two in [our introduc {% youtube src="https://www.youtube.com/embed/-Oe8j-NZcBc" title="Tutorial: Node Server" -width="100%" /%} +/%} # Node Server Tutorial - Part 1: Code Generation diff --git a/docs/shared/npm-tutorial/integrated.md b/docs/shared/npm-tutorial/integrated.md index aa2c9b5fc1..a948d3f90b 100644 --- a/docs/shared/npm-tutorial/integrated.md +++ b/docs/shared/npm-tutorial/integrated.md @@ -3,7 +3,7 @@ {% youtube src="https://www.youtube.com/embed/weZ7NAzB7PM" title="Tutorial: Getting Started with Integrated Repos" -width="100%" /%} +/%} {% github-repository url="https://github.com/nrwl/nx-recipes/tree/main/integrated" /%} diff --git a/docs/shared/npm-tutorial/package-based.md b/docs/shared/npm-tutorial/package-based.md index 6f539b5830..76164bfa8f 100644 --- a/docs/shared/npm-tutorial/package-based.md +++ b/docs/shared/npm-tutorial/package-based.md @@ -3,7 +3,7 @@ {% youtube src="https://www.youtube.com/embed/hzTMKuE3CDw" title="Tutorial: Getting Started with Package-Based Repos" -width="100%" /%} +/%} {% github-repository url="https://github.com/nrwl/nx-recipes/tree/main/package-based" /%} diff --git a/docs/shared/react-standalone-tutorial/1-code-generation.md b/docs/shared/react-standalone-tutorial/1-code-generation.md index 949e8126a9..4165a3ca4f 100644 --- a/docs/shared/react-standalone-tutorial/1-code-generation.md +++ b/docs/shared/react-standalone-tutorial/1-code-generation.md @@ -11,7 +11,7 @@ This tutorial sets up a repo with a single application at the root level that br {% youtube src="https://www.youtube.com/embed/dqCZteGFP4k" title="Tutorial: React Standalone Application" -width="100%" /%} +/%} {% github-repository url="https://github.com/nrwl/nx-recipes/tree/main/react-standalone" /%} diff --git a/docs/shared/react-standalone-tutorial/react-standalone.md b/docs/shared/react-standalone-tutorial/react-standalone.md index 277613be9b..d44b8d3500 100644 --- a/docs/shared/react-standalone-tutorial/react-standalone.md +++ b/docs/shared/react-standalone-tutorial/react-standalone.md @@ -32,7 +32,7 @@ Here's the source code of the final result for this tutorial. {% youtube src="https://www.youtube.com/embed/OQ-Zc5tcxJE" title="Tutorial: Standalone React Application" -width="100%" /%} +/%} ## Creating a new React App diff --git a/docs/shared/recipes/console-generate-command.md b/docs/shared/recipes/console-generate-command.md index 402cd0b524..d0393ba635 100644 --- a/docs/shared/recipes/console-generate-command.md +++ b/docs/shared/recipes/console-generate-command.md @@ -5,7 +5,7 @@ The `Generate` action allows you to choose a generator and then opens a form lis {% youtube src="https://www.youtube.com/embed/-nUr66MWRiE" title="Nx Console Generate UI Form" -width="100%" /%} +/%} **From the Command Palette** @@ -14,11 +14,11 @@ You can also launch the `Generate` action from the Command Palette (`⇧⌘P`) b {% youtube src="https://www.youtube.com/embed/Sk2XjFwF8Zo" title="Nx Console Generate UI from Command Palette" -width="100%" /%} +/%} You can even construct the generator options while staying entirely within the Command Palette. Use `⇧⌘P` to open the Command Palette, then select `nx: generate`. After choosing a generator, select any of the listed options to modify the generator command. When you're satisfied with the constructed command, choose the `Execute` command at the top of the list. {% youtube src="https://www.youtube.com/embed/q5NTTqRYq9c" title="Nx Console Generate with Command Palette" -width="100%" /%} +/%} diff --git a/docs/shared/recipes/console-project-pane.md b/docs/shared/recipes/console-project-pane.md index 5b7a791f52..416bd91b1a 100644 --- a/docs/shared/recipes/console-project-pane.md +++ b/docs/shared/recipes/console-project-pane.md @@ -11,4 +11,4 @@ Clicking the ![continue-light.svg](/shared/images/nx-console/continue-light.svg) {% youtube src="https://www.youtube.com/embed/ve_N3unDqAg" title="Nx Console Projects Pane" -width="100%" /%} +/%} diff --git a/docs/shared/recipes/console-run-command.md b/docs/shared/recipes/console-run-command.md index 67c0a07110..f5daa755c2 100644 --- a/docs/shared/recipes/console-run-command.md +++ b/docs/shared/recipes/console-run-command.md @@ -6,4 +6,4 @@ You can also use `Nx: Run Target` to select a target first and then a matching p {% youtube src="https://www.youtube.com/embed/CsUkSyQcxwQ" title="Nx Console Run from Command Palette" -width="100%" /%} +/%} diff --git a/docs/shared/recipes/generators/local-generators.md b/docs/shared/recipes/generators/local-generators.md index c6c65f3e56..1d471b3509 100644 --- a/docs/shared/recipes/generators/local-generators.md +++ b/docs/shared/recipes/generators/local-generators.md @@ -8,7 +8,7 @@ Nx provides tooling around creating, and running custom generators from within y src="https://www.youtube.com/embed/myqfGDWC2go" title="Scaffold new Pkgs in a PNPM Workspaces Monorepo" caption="Demoes how to use Nx generators in a PNPM workspace to automate the creation of libraries" -width="100%" /%} +/%} ## Creating a generator diff --git a/docs/shared/recipes/plugins/create-preset.md b/docs/shared/recipes/plugins/create-preset.md index b975ca50f2..0948bcd82e 100644 --- a/docs/shared/recipes/plugins/create-preset.md +++ b/docs/shared/recipes/plugins/create-preset.md @@ -7,7 +7,7 @@ This preset option is pointing to a special generator function (remember, a gene {% youtube src="https://www.youtube.com/embed/yGUrF0-uqaU" title="Develop a Nx Preset for your Nx Plugin" -width="100%" /%} +/%} ## What is a preset? diff --git a/docs/shared/recipes/root-level-scripts.md b/docs/shared/recipes/root-level-scripts.md index 0085b7919f..346ce713f4 100644 --- a/docs/shared/recipes/root-level-scripts.md +++ b/docs/shared/recipes/root-level-scripts.md @@ -5,7 +5,7 @@ There are often tasks in a codebase that apply to the whole codebase rather than {% youtube src="https://www.youtube.com/embed/PRURABLaS8s" title="Run root-level NPM scripts with Nx" -width="100%" /%} +/%} ## Example