SAFE-Stack · isaacabraham · Dec 19, 2023 · Dec 19, 2023
diff --git a/docs/recipes/client-server/fable-remoting.md b/docs/recipes/client-server/fable-remoting.md
@@ -7,7 +7,7 @@
 Add [Fable.Remoting.Giraffe](https://www.nuget.org/packages/Fable.Remoting.Giraffe/) to the Server and [Fable.Remoting.Client](https://www.nuget.org/packages/Fable.Remoting.Client/) to the Client.
 
 > See [How Do I Add a NuGet Package to the Server](../package-management/add-nuget-package-to-server.md)
-> and [How Do I Add a NuGet Package to the Client](../../v4-recipes/package-management/add-nuget-package-to-client.md).
+> and [How Do I Add a NuGet Package to the Client](../../recipes/package-management/add-nuget-package-to-client.md).
 
 #### 2. Create the API protocol
 You now need to create the protocol, or contract, of the API we’ll be creating. Insert the following below the `Route` module in `Shared.fs`:

diff --git a/docs/recipes/ui/add-feliz.md b/docs/recipes/ui/add-feliz.md
@@ -2,7 +2,7 @@
 [Feliz](https://github.com/Zaid-Ajaj/Feliz) is a wrapper for the base [React](https://reactjs.org/) DSL library that emphasises consistency, lightweight formatting, discoverable attributes and full type-safety. The default SAFE Template already uses Feliz.
 
 ### Using Feliz
-1. [Add Feliz to your project](./../../v4-recipes//package-management/add-nuget-package-to-client.md)
+1. [Add Feliz to your project](./../../recipes/package-management/add-nuget-package-to-client.md)
 1. Start using Feliz in your code.
 
 ```fsharp

diff --git a/docs/recipes/upgrading/v2-to-v3.md b/docs/recipes/upgrading/v2-to-v3.md
@@ -83,7 +83,7 @@ dotnet paket install
 
 **Important** If you have made any modifications to the webpack file, you will need to apply them back in manually.
 
-* If you were using CSS files, make sure to follow the [Stylesheet recipe](../../v4-recipes/ui/add-style.md) to add them back in.
+* If you were using CSS files, make sure to follow the [Stylesheet recipe](../../recipes/ui/add-style.md) to add them back in.
 
 #### 11. Update TargetFramework in all projects
 * **Overwite** the `Client.fsproj`

diff --git a/docs/v4-recipes/client-server/fable-remoting.md b/docs/v4-recipes/client-server/fable-remoting.md
@@ -7,7 +7,7 @@
 Add [Fable.Remoting.Giraffe](https://www.nuget.org/packages/Fable.Remoting.Giraffe/) to the Server and [Fable.Remoting.Client](https://www.nuget.org/packages/Fable.Remoting.Client/) to the Client.
 
 > See [How Do I Add a NuGet Package to the Server](../../v4-recipes/package-management/add-nuget-package-to-server.md)
-> and [How Do I Add a NuGet Package to the Client](../../v4-recipes/package-management/add-nuget-package-to-client.md).
+> and [How Do I Add a NuGet Package to the Client](../../recipes/package-management/add-nuget-package-to-client.md).
 
 #### 2. Create the API protocol
 You now need to create the protocol, or contract, of the API we’ll be creating. Insert the following below the `Route` module in `Shared.fs`:

diff --git a/docs/v4-recipes/javascript/third-party-react-package.md b/docs/v4-recipes/javascript/third-party-react-package.md
@@ -1,7 +1,7 @@
 To use a third-party React library in a SAFE application, you need to write an F# wrapper around it. There are two ways for doing this - using [Fable.React](https://www.nuget.org/packages/Fable.React/) or using [Feliz](https://zaid-ajaj.github.io/Feliz/).
 ## Prerequisites
 
-This recipe uses the [react-d3-speedometer NPM package](https://www.npmjs.com/package/react-d3-speedometer) for demonstration purposes. [Add it to your Client](../package-management/add-npm-package-to-client.md) before continuing.
+This recipe uses the [react-d3-speedometer NPM package](https://www.npmjs.com/package/react-d3-speedometer) for demonstration purposes. [Add it to your Client](../../recipes/package-management/add-npm-package-to-client.md) before continuing.
 
 ## Fable.React - Setup
 

diff --git a/docs/v4-recipes/package-management/add-npm-package-to-client.md b/docs/v4-recipes/package-management/add-npm-package-to-client.md
diff --git a/docs/v4-recipes/package-management/add-nuget-package-to-client.md b/docs/v4-recipes/package-management/add-nuget-package-to-client.md
diff --git a/docs/v4-recipes/ui/add-bulma.md b/docs/v4-recipes/ui/add-bulma.md
@@ -8,7 +8,7 @@
 By adding either of these to your SAFE project alongside the [Bulma stylesheet or the Bulma NPM package](https://bulma.io/documentation/overview/start/), you can take full advantage of Bulma.
 
 ### Using Feliz.Bulma
-1. [Add the Feliz.Bulma NuGet package to the solution](./../package-management/add-nuget-package-to-client.md).
+1. [Add the Feliz.Bulma NuGet package to the solution](../../recipes/package-management/add-nuget-package-to-client.md).
 1. Start using Feliz.Bulma components in your F# files.
 ```fsharp
 open Feliz.Bulma
@@ -19,7 +19,7 @@ Bulma.button.button [
 ```
 
 ### Using Fulma
-1. [Add the Fulma NuGet package to the solution](./../package-management/add-nuget-package-to-client.md).
+1. [Add the Fulma NuGet package to the solution](../../recipes/package-management/add-nuget-package-to-client.md).
 1. Start using Fulma components in your F# files.
 ```fsharp
 open Fulma

diff --git a/docs/v4-recipes/ui/add-fontawesome.md b/docs/v4-recipes/ui/add-fontawesome.md
@@ -13,7 +13,7 @@ If you’re using the minimal template, there are a couple of things to do befor
 
 #### 1. The NuGet Package
 Add [Fable.FontAwesome.Free NuGet Package](https://www.nuget.org/packages/Fable.FontAwesome.Free/) to the Client project.
-> See [How do I add a NuGet package to the Client?](../package-management/add-nuget-package-to-client.md).
+> See [How do I add a NuGet package to the Client?](../../recipes/package-management/add-nuget-package-to-client.md).
 
 #### 2. The CDN Link
 Open the `index.html` file and add the following line to the `head` element:

diff --git a/docs/v4-recipes/ui/add-style.md b/docs/v4-recipes/ui/add-style.md
diff --git a/docs/v4-recipes/ui/add-tailwind.md b/docs/v4-recipes/ui/add-tailwind.md
@@ -2,7 +2,7 @@
 
 [Tailwind](https://tailwindcss.com/) is a utility-first CSS framework packed that can be composed to build any design, directly in your markup.
 
-1. [Add a stylesheet](add-style.md) to the project
+1. [Add a stylesheet](../../recipes/ui/add-style.md) to the project
 
 2. Install the required npm packages
     ```shell

diff --git a/docs/v4-recipes/ui/cdn-to-npm.md b/docs/v4-recipes/ui/cdn-to-npm.md
@@ -11,7 +11,7 @@ Find the following line in `src/Client/index.html` and delete it before moving o
 
 #### 2. Add the NPM Package
 Go ahead and add the [Bulma NPM package](https://www.npmjs.com/package/bulma) to your project.
-> See: [How do I add an NPM package to the client?](../package-management/add-npm-package-to-client.md)
+> See: [How do I add an NPM package to the client?](../../recipes/package-management/add-npm-package-to-client.md)
 
 #### 3. Load the Stylesheets
 There are two ways for loading the stylesheets:
@@ -27,7 +27,7 @@ importAll "bulma/bulma.sass"
 > You can use this approach for any NPM package.
 
 ##### b. Using Sass
-1. Add a Sass stylesheet to your project using [this recipe](add-style.md).
+1. Add a Sass stylesheet to your project using [this recipe](../../recipes/ui/add-style.md).
 2. Add the following line to your Sass file to bring in Bulma
 ```sass
 @import "~bulma/bulma.sass"