diff --git a/projects/ngrx.io/content/guide/store-devtools/config.md b/projects/ngrx.io/content/guide/store-devtools/config.md
index 627043740b..98128f7b39 100644
--- a/projects/ngrx.io/content/guide/store-devtools/config.md
+++ b/projects/ngrx.io/content/guide/store-devtools/config.md
@@ -75,12 +75,10 @@ features: {
 
 ## Example Object as provided in module imports
 
-<code-example header="app.module.ts">
-@NgModule({
-  ...
-  imports: [
-    ...
-    StoreDevtoolsModule.instrument({
+<code-example header="app.config.ts">
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideStoreDevtools({
       maxAge: 25,
       logOnly: false,
       autoPause: true,
@@ -91,6 +89,11 @@ features: {
       }
     })
   ],
-  ...
-})
+}
 </code-example>
+
+<div class="alert is-helpful">
+
+An example of the `@ngrx/store-devtools` setup in module-based applications is available at the [following link](https://v17.ngrx.io/guide/store-devtools).
+
+</div>
\ No newline at end of file
diff --git a/projects/ngrx.io/content/guide/store-devtools/index.md b/projects/ngrx.io/content/guide/store-devtools/index.md
index 5173b6f857..2e49f90047 100644
--- a/projects/ngrx.io/content/guide/store-devtools/index.md
+++ b/projects/ngrx.io/content/guide/store-devtools/index.md
@@ -12,32 +12,7 @@ Instrumentation with the Chrome / Firefox Extension
 
 1.  Download the [Redux Devtools Extension](https://github.com/reduxjs/redux-devtools/)
 
-2.  In your `AppModule` add instrumentation to the module imports using `StoreDevtoolsModule.instrument`:
-
-<code-example header="app.module.ts">
-import { NgModule, isDevMode } from '@angular/core';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-@NgModule({
-  imports: [
-    StoreModule.forRoot(reducers),
-    // Instrumentation must be imported after importing StoreModule (config is optional)
-    StoreDevtoolsModule.instrument({
-      maxAge: 25, // Retains last 25 states
-      logOnly: !isDevMode(), // Restrict extension to log-only mode
-      autoPause: true, // Pauses recording actions and state changes when the extension window is not open
-      trace: false, //  If set to true, will include stack trace for every dispatched action, so you can see it in trace tab jumping directly to that part of code
-      traceLimit: 75, // maximum stack trace frames to be stored (in case trace option was provided as true)
-      connectInZone: true // If set to true, the connection is established within the Angular zone
-    }),
-  ],
-})
-export class AppModule {}
-</code-example>
-
-### Using the Standalone API
-
-Registering the instrumentation can also be done using the standalone APIs if you are bootstrapping an Angular application using standalone features.
+2.  Provide the `provideStoreDevtools` to the application config:
 
 <code-example header="main.ts">
 import { isDevMode } from '@angular/core';
diff --git a/projects/ngrx.io/content/guide/store-devtools/install.md b/projects/ngrx.io/content/guide/store-devtools/install.md
index c541c56720..b2c06772f7 100644
--- a/projects/ngrx.io/content/guide/store-devtools/install.md
+++ b/projects/ngrx.io/content/guide/store-devtools/install.md
@@ -21,8 +21,7 @@ This command will automate the following steps:
 
 1. Update `package.json` > `dependencies` with `@ngrx/store-devtools`.
 2. Run `npm install` to install those dependencies. 
-3. Update your `src/app.module.ts` > `imports` array with `StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: !isDevMode() })`. The maxAge property will be set to the flag `maxAge` if provided. 
-4. If the project is using a `standalone bootstrap`, it adds `provideStoreDevtools({ maxAge: 25, logOnly: !isDevMode() })` into the application config.
+3. Add the devtools to the application config provider's using `provideStoreDevtools({ maxAge: 25, logOnly: !isDevMode() })`. The `maxAge` property will be set to the flag `maxAge` if provided.
 
 ## Installing with `npm`
 
diff --git a/projects/ngrx.io/content/guide/store-devtools/recipes/exclude.md b/projects/ngrx.io/content/guide/store-devtools/recipes/exclude.md
index 79615b583b..4437e3df28 100644
--- a/projects/ngrx.io/content/guide/store-devtools/recipes/exclude.md
+++ b/projects/ngrx.io/content/guide/store-devtools/recipes/exclude.md
@@ -12,19 +12,6 @@ If the environment files don't exist in your project you can use the `ng generat
 
 Given the below example:
 
-<code-example header="environments/environment.ts">
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-export const environment = {
-    production: false,
-    imports: [
-        StoreDevtoolsModule.instrument({ maxAge: 25 })
-    ],
-};
-</code-example>
-
-When using the standalone API, use the `providers` array instead of `imports`:
-
 <code-example header="environments/environment.ts">
 import { provideStoreDevtools } from '@ngrx/store-devtools';
 
@@ -36,32 +23,9 @@ export const environment = {
 };
 </code-example>
 
-Now, let's add an empty `imports` property to the production environment file:
-
-<code-example header="environments/environment.prod.ts">
-export const environment = {
-    production: true,
-    imports: [],
-};
-</code-example>
-
 ## Step 2: Import Environment File
 
-Modify `app.module.ts` to include `environment.imports` in the `imports` array.
-
-<code-example header="app.module.ts">
-import { environment } from '../environments/environment';
-
-@NgModule({
-    imports: [
-        StoreModule.forRoot(reducers),
-        // Instrumentation must be imported after importing StoreModule
-        environment.imports,
-    ],
-})
-</code-example>
-
-When using the standalone API, modify the `app.config.ts` file, where your application configuration resides, to specify `environment.providers`:
+Modify the `app.config.ts` file, where your application configuration resides, to specify `environment.providers`:
 
 <code-example header="app.config.ts">
 import { environment } from '../environments/environment';