Skip to content

Commit

Permalink
docs(core): remove standalone tutorials (#30125)
Browse files Browse the repository at this point in the history
Remove standalone tutorials

(cherry picked from commit a90de96)
  • Loading branch information
isaacplmann authored and FrozenPandaz committed Feb 20, 2025
1 parent 60fc6ad commit 51d4d7a
Show file tree
Hide file tree
Showing 33 changed files with 42 additions and 4,145 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,7 @@ While speed is of major importance, developer ergonomics shouldn't be left behin

## Update (Aug 2023): Want a non-monorepo setup?

This article walks you through how to setup a new Nx monorepo workspace with React. If you rather prefer starting with a single-project setup (also named "standalone") then you might want to have a look at this tutorial (including video):

[/getting-started/tutorials/react-standalone-tutorial](/getting-started/tutorials/react-standalone-tutorial)
This article walks you through how to setup a new Nx monorepo workspace with React. If you rather prefer starting with a single-project setup (also named "standalone") then you might want to have a look at the standalone tutorial (including video).

## Why use a devtool CLI?

Expand Down
1 change: 0 additions & 1 deletion docs/blog/2022-10-14-whats-new-in-nx-15.md
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,6 @@ It is an ongoing process, and we have a lot of content to cover! We follow the [

Besides the two new [package-based](/getting-started/tutorials/typescript-packages-tutorial) and [integrated style tutorials](/getting-started/tutorials/react-monorepo-tutorial) we also have two brand new reworked tutorials

- [/getting-started/tutorials/react-standalone-tutorial](/getting-started/tutorials/react-standalone-tutorial)
- [/getting-started/tutorials](/getting-started/tutorials)

Stay tuned for more updates to come.
Expand Down
5 changes: 2 additions & 3 deletions docs/blog/2023-02-09-setup-react-and-tailwind-the-easy-way.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ And so did also [Fireship](https://youtu.be/2OTq15A5s0Y) and ultimately [Dan Abr

Code generators speed up such configuration tasks. They are valuable for scaffolding the initial project structure and adding new features to the app setup, such as Tailwind.

Nx has such generators. To use them, you need an Nx-based React setup. If you're starting new, you can create an [Nx Standalone React project](/getting-started/tutorials/react-standalone-tutorial) easily using the following command
Nx has such generators. To use them, you need an Nx-based React setup. If you're starting new, you can create an Nx Standalone React project easily using the following command

```shell
$ npx create-nx-workspace reactapp --preset=react-standalone
Expand All @@ -59,7 +59,7 @@ You can pass `--vite=false` if you still want to keep the Webpack configuration

## Generating a Tailwind Setup

Once you have a [Nx-based React](/getting-started/tutorials/react-standalone-tutorial) setup, adding Tailwind is as easy as running:
Once you have a [Nx-based React](/getting-started/tutorials/react-monorepo-tutorial) setup, adding Tailwind is as easy as running:

```shell
$ npx nx g @nrwl/react:setup-tailwind
Expand All @@ -79,7 +79,6 @@ You'll get

You should be all setup and ready now! Here are some related resources to explore:

- [Nx docs: React Standalone tutorial](/getting-started/tutorials/react-standalone-tutorial)
- [Nx docs: React Monorepo tutorial](/getting-started/tutorials/react-monorepo-tutorial)
- [Youtube: Is CRA Dead](https://youtu.be/fkTz6KJxhhE)
- [Nx docs: Migrate CRA to React and Vite](/recipes/adopting-nx/adding-to-existing-project)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -636,7 +636,7 @@ This should give you a good insight into how to get started. But there's more to
- We could also include "[executors](/extending-nx/recipes/local-executors)", which are wrappers around tasks to abstract the lower-level details of it
- etc.

Now clearly this was a simple example of how you could build your own CRA using Nx. If you want to see a real-world React setup powered by Nx, check out our React Tutorial: [/getting-started/tutorials/react-standalone-tutorial](/getting-started/tutorials/react-standalone-tutorial)
Now clearly this was a simple example of how you could build your own CRA using Nx. If you want to see a real-world React setup powered by Nx, check out our React Tutorial: [/getting-started/tutorials/react-monorepo-tutorial](/getting-started/tutorials/react-monorepo-tutorial)

## Learn more

Expand Down
4 changes: 1 addition & 3 deletions docs/blog/2023-10-20-nx-17-release.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,6 @@ And you'll have access to Nx generators so that you can generate Vue application

We're very excited for this support to land, and we're eager to get it into our user's hands and see what Nx can do to help Vue developers so we can continue to refine our support and make Vue with Nx an excellent developer experience.

If you're eager to learn more, make sure to check out our new [Vue standalone tutorial](/getting-started/tutorials/vue-standalone-tutorial).

## Enhancements to Module Federation Support

Nx already had great support for Module Federation — Nx 17 improves on this support:
Expand Down Expand Up @@ -236,7 +234,7 @@ For more [checkout our API docs](/nx-api/nx/documents/release), and be sure to c

At Nx, we're OBSESSED with building a better, more robust experience for our developers. Towards this end, we're now in [v2 of our Project Inference API](/extending-nx/recipes/project-graph-plugins).

This API is a way of extending the Nx project graph, which can be particularly helpful for extending Nx to support other languages, allowing Nx to determine where to find and draw boundaries around projects in your workspace. A great example is our very own [Vue plugin](/getting-started/tutorials/vue-standalone-tutorial).
This API is a way of extending the Nx project graph, which can be particularly helpful for extending Nx to support other languages, allowing Nx to determine where to find and draw boundaries around projects in your workspace. A great example is our very own [Vue plugin](/nx-api/vue).

Interestingly, v2 includes support for dynamic targets as well. This opens up exciting new doors to reducing configuration, and we hope to expand on this to better support our first-party plugins in the near future.

Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2023-12-28-highlights-2023.md
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@ And you'll then have access to Nx generators so you can create Vue applications,

![](/blog/images/2023-12-28/bodyimg6.gif)

Checkout out our [Vue standalone tutorial](/getting-started/tutorials/vue-standalone-tutorial) for more, as well as our [Vue API docs](/nx-api/vue), and stay tuned as Nx prepares to offer more Vue support (including support for [Nuxt](https://nuxt.com/), a full-stack framework built around Vue) in the near future!
Checkout out our [Vue API docs](/nx-api/vue), and stay tuned as Nx prepares to offer more Vue support (including support for [Nuxt](https://nuxt.com/), a full-stack framework built around Vue) in the near future!

### Extending Nx: Local Generators, Build your Own CLI, Verdaccio Support

Expand Down
72 changes: 0 additions & 72 deletions docs/generated/manifests/menus.json
Original file line number Diff line number Diff line change
Expand Up @@ -54,14 +54,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "React Standalone",
"path": "/getting-started/tutorials/react-standalone-tutorial",
"id": "react-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "React Monorepo",
"path": "/getting-started/tutorials/react-monorepo-tutorial",
Expand All @@ -70,14 +62,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Standalone",
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"id": "angular-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Monorepo",
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
Expand All @@ -86,14 +70,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Vue Standalone",
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"id": "vue-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Gradle Monorepo",
"path": "/getting-started/tutorials/gradle-tutorial",
Expand Down Expand Up @@ -154,14 +130,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "React Standalone",
"path": "/getting-started/tutorials/react-standalone-tutorial",
"id": "react-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "React Monorepo",
"path": "/getting-started/tutorials/react-monorepo-tutorial",
Expand All @@ -170,14 +138,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Standalone",
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"id": "angular-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Monorepo",
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
Expand All @@ -186,14 +146,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Vue Standalone",
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"id": "vue-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Gradle Monorepo",
"path": "/getting-started/tutorials/gradle-tutorial",
Expand All @@ -213,14 +165,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "React Standalone",
"path": "/getting-started/tutorials/react-standalone-tutorial",
"id": "react-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "React Monorepo",
"path": "/getting-started/tutorials/react-monorepo-tutorial",
Expand All @@ -229,14 +173,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Standalone",
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"id": "angular-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Angular Monorepo",
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
Expand All @@ -245,14 +181,6 @@
"children": [],
"disableCollapsible": false
},
{
"name": "Vue Standalone",
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"id": "vue-standalone-tutorial",
"isExternal": false,
"children": [],
"disableCollapsible": false
},
{
"name": "Gradle Monorepo",
"path": "/getting-started/tutorials/gradle-tutorial",
Expand Down
99 changes: 0 additions & 99 deletions docs/generated/manifests/nx.json
Original file line number Diff line number Diff line change
Expand Up @@ -68,17 +68,6 @@
"path": "/getting-started/tutorials/typescript-packages-tutorial",
"tags": []
},
{
"id": "react-standalone-tutorial",
"name": "React Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/react-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/react-standalone-tutorial",
"tags": []
},
{
"id": "react-monorepo-tutorial",
"name": "React Monorepo",
Expand All @@ -90,17 +79,6 @@
"path": "/getting-started/tutorials/react-monorepo-tutorial",
"tags": []
},
{
"id": "angular-standalone-tutorial",
"name": "Angular Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/angular-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"tags": []
},
{
"id": "angular-monorepo-tutorial",
"name": "Angular Monorepo",
Expand All @@ -112,17 +90,6 @@
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
"tags": []
},
{
"id": "vue-standalone-tutorial",
"name": "Vue Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/vue-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"tags": []
},
{
"id": "gradle-tutorial",
"name": "Gradle Monorepo",
Expand Down Expand Up @@ -206,17 +173,6 @@
"path": "/getting-started/tutorials/typescript-packages-tutorial",
"tags": []
},
{
"id": "react-standalone-tutorial",
"name": "React Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/react-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/react-standalone-tutorial",
"tags": []
},
{
"id": "react-monorepo-tutorial",
"name": "React Monorepo",
Expand All @@ -228,17 +184,6 @@
"path": "/getting-started/tutorials/react-monorepo-tutorial",
"tags": []
},
{
"id": "angular-standalone-tutorial",
"name": "Angular Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/angular-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"tags": []
},
{
"id": "angular-monorepo-tutorial",
"name": "Angular Monorepo",
Expand All @@ -250,17 +195,6 @@
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
"tags": []
},
{
"id": "vue-standalone-tutorial",
"name": "Vue Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/vue-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"tags": []
},
{
"id": "gradle-tutorial",
"name": "Gradle Monorepo",
Expand Down Expand Up @@ -288,17 +222,6 @@
"path": "/getting-started/tutorials/typescript-packages-tutorial",
"tags": []
},
"/getting-started/tutorials/react-standalone-tutorial": {
"id": "react-standalone-tutorial",
"name": "React Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/react-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/react-standalone-tutorial",
"tags": []
},
"/getting-started/tutorials/react-monorepo-tutorial": {
"id": "react-monorepo-tutorial",
"name": "React Monorepo",
Expand All @@ -310,17 +233,6 @@
"path": "/getting-started/tutorials/react-monorepo-tutorial",
"tags": []
},
"/getting-started/tutorials/angular-standalone-tutorial": {
"id": "angular-standalone-tutorial",
"name": "Angular Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/angular-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/angular-standalone-tutorial",
"tags": []
},
"/getting-started/tutorials/angular-monorepo-tutorial": {
"id": "angular-monorepo-tutorial",
"name": "Angular Monorepo",
Expand All @@ -332,17 +244,6 @@
"path": "/getting-started/tutorials/angular-monorepo-tutorial",
"tags": []
},
"/getting-started/tutorials/vue-standalone-tutorial": {
"id": "vue-standalone-tutorial",
"name": "Vue Standalone",
"description": "",
"mediaImage": "",
"file": "shared/tutorials/vue-standalone",
"itemList": [],
"isExternal": false,
"path": "/getting-started/tutorials/vue-standalone-tutorial",
"tags": []
},
"/getting-started/tutorials/gradle-tutorial": {
"id": "gradle-tutorial",
"name": "Gradle Monorepo",
Expand Down
Loading

0 comments on commit 51d4d7a

Please sign in to comment.