diff --git a/docs/sharing/publish-storybook.md b/docs/sharing/publish-storybook.md
index 2f3a81019e3..4bb7872aa24 100644
--- a/docs/sharing/publish-storybook.md
+++ b/docs/sharing/publish-storybook.md
@@ -23,6 +23,7 @@ First, we'll need to build Storybook as a static web application. The functional
     'angular/build-storybook-production-mode.with-builder.js.mdx',
     'common/build-storybook-production-mode.yarn.js.mdx',
     'common/build-storybook-production-mode.npm.js.mdx',
+    'common/build-storybook-production-mode.pnpm.js.mdx',
   ]}
 />
 
@@ -36,9 +37,16 @@ First, we'll need to build Storybook as a static web application. The functional
 
 Storybook will create a static web application capable of being served by any web server. Preview it locally by running the following command:
 
-```shell
-npx http-server ./path/to/build
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/preview-storybook-production-mode.npm.js.mdx',
+    'common/preview-storybook-production-mode.pnpm.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ## Publish Storybook with Chromatic
 
diff --git a/docs/snippets/common/build-storybook-production-mode.pnpm.js.mdx b/docs/snippets/common/build-storybook-production-mode.pnpm.js.mdx
new file mode 100644
index 00000000000..bb0d791674f
--- /dev/null
+++ b/docs/snippets/common/build-storybook-production-mode.pnpm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+pnpm run build-storybook
+```
diff --git a/docs/snippets/common/preview-storybook-production-mode.npm.js.mdx b/docs/snippets/common/preview-storybook-production-mode.npm.js.mdx
new file mode 100644
index 00000000000..43df274065a
--- /dev/null
+++ b/docs/snippets/common/preview-storybook-production-mode.npm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+npx http-server ./path/to/build
+```
diff --git a/docs/snippets/common/preview-storybook-production-mode.pnpm.js.mdx b/docs/snippets/common/preview-storybook-production-mode.pnpm.js.mdx
new file mode 100644
index 00000000000..61d73769f47
--- /dev/null
+++ b/docs/snippets/common/preview-storybook-production-mode.pnpm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+pnpx http-server ./path/to/build
+```