diff --git a/content/OpProposerDescriptionShort.md b/content/OpProposerDescriptionShort.md
new file mode 100644
index 000000000..08f3f9282
--- /dev/null
+++ b/content/OpProposerDescriptionShort.md
@@ -0,0 +1 @@
+`op-proposer` is the service that submits the output roots to the L1. This is to enable trustless execution of L2-to-L1 messaging and creates the view into the L2 state from the L1's perspective.
\ No newline at end of file
diff --git a/content/index.js b/content/index.js
new file mode 100644
index 000000000..d709dbce7
--- /dev/null
+++ b/content/index.js
@@ -0,0 +1 @@
+export { default as OpProposerDescriptionShort } from './OpProposerDescriptionShort.md'
diff --git a/notes/content-reuse.md b/notes/content-reuse.md
new file mode 100644
index 000000000..82b6cd9a4
--- /dev/null
+++ b/notes/content-reuse.md
@@ -0,0 +1,45 @@
+# Content Reuse
+
+Content reuse is when you reuse the same piece of content in various places. It means that technical writers don't have to re-write text many times, and it means that the original piece of copy should be easy to locate so that it can be used as often as needed. When changes are made to that original piece of text, it will then be automatically changed wherever else that piece of text is used, which saves a lot of time.
+
+## Content Directory
+
+The content directory contains markdown files that can be imported across the nextra website.
+
+## How to Write Reusable Content
+
+Create a `.md` file in the `/content` directory.
+
+### How to Use a Single Reusable Content Components
+
+1. Import it at the top of `.mdx` file:
+
+```
+import DescriptionShort from '@/content/DescriptionShort.md' 
+```
+
+1. Use it within the file
+
+```
+Text before
+
+<OpProposerDescriptionShort />
+
+Text after
+```
+
+### How to Use a Multiple Reusable Content Components
+
+1. You can create a `index.js` file in the `content` directories and export 
+the components like this:
+
+```
+export { default as ComponentA } from './ComponentA.md'
+export { default as ComponentB } from './ComponentB.md'
+```
+
+1. Import it at the top of `.mdx` file:
+
+```
+import {ComponentA, ComponentB} from '@/content/index.js' 
+```
diff --git a/pages/builders/chain-operators/architecture.mdx b/pages/builders/chain-operators/architecture.mdx
index 224593477..306cbb170 100644
--- a/pages/builders/chain-operators/architecture.mdx
+++ b/pages/builders/chain-operators/architecture.mdx
@@ -6,6 +6,8 @@ description: Learn about the OP chain architecture.
 
 import Image from 'next/image'
 
+import {OpProposerDescriptionShort} from '@/content/index.js' 
+
 # Chain Architecture
 
 This page contains information about the components of the rollup protocol and
@@ -45,9 +47,7 @@ amount of data required to reproduce L2 blocks.
 
 ### op-proposer
 
-`op-proposer` is the service that submits the output roots to the L1. This is to enable
-trustless execution of L2-to-L1 messaging and creates the view into the L2 state from
-the L1's perspective.
+<OpProposerDescriptionShort />
 
 ## Ingress Traffic
 
diff --git a/tsconfig.json b/tsconfig.json
index 78956bce9..9d18cd927 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,6 +17,7 @@
     "baseUrl": "./",
     "paths": {
       "@/components/*": ["components/*"],
+      "@/content/*": ["content/*"],
       "@/utils/*": ["utils/*"],
       "@/pages/*": ["pages/*"],
     }