diff --git a/docs/cookbook.rst b/docs/cookbook.rst
new file mode 100644
index 000000000..eaac7b470
--- /dev/null
+++ b/docs/cookbook.rst
@@ -0,0 +1,112 @@
+Connexion Cookbook
+==================
+
+This page provides recipes with Connexion as an ingredient.
+
+CORS
+----
+
+You can enable CORS (Cross-origin resource sharing) by leveraging the `CORSMiddleware`_ offered by
+Starlette. You can add it to your application, ideally in front of the ``RoutingMiddleware``.
+
+
+.. tab-set::
+
+    .. tab-item:: AsyncApp
+        :sync: AsyncApp
+
+        .. code-block:: python
+
+            from connexion import AsyncApp
+            from connexion.middleware import MiddlewarePosition
+            from starlette.middleware.cors import CORSMiddleware
+
+
+            app = connexion.AsyncApp(__name__)
+
+            app.add_middleware(
+                CORSMiddleware,
+                position=MiddlewarePosition.BEFORE_ROUTING,
+                allow_origins=["*"],
+                allow_credentials=True,
+                allow_methods=["*"],
+                allow_headers=["*"],
+            )
+
+            app.add_api("openapi.yaml")
+
+            if __name__ == "__main__":
+                app.run(f"{Path(__file__).stem}:app", port=8080)
+
+        .. dropdown:: View a detailed reference of the ``add_middleware`` method
+            :icon: eye
+
+            .. automethod:: connexion.AsyncApp.add_middleware
+                :noindex:
+
+    .. tab-item:: FlaskApp
+        :sync: FlaskApp
+
+        .. code-block:: python
+
+            from connexion import FlaskApp
+            from connexion.middleware import MiddlewarePosition
+            from starlette.middleware.cors import CORSMiddleware
+
+
+            app = connexion.FlaskApp(__name__)
+
+            app.add_middleware(
+                CORSMiddleware,
+                position=MiddlewarePosition.BEFORE_ROUTING,
+                allow_origins=["*"],
+                allow_credentials=True,
+                allow_methods=["*"],
+                allow_headers=["*"],
+            )
+
+            app.add_api("openapi.yaml")
+
+            if __name__ == "__main__":
+                app.run(f"{Path(__file__).stem}:app", port=8080)
+
+        .. dropdown:: View a detailed reference of the ``add_middleware`` method
+            :icon: eye
+
+            .. automethod:: connexion.FlaskApp.add_middleware
+                :noindex:
+
+    .. tab-item:: ConnexionMiddleware
+        :sync: ConnexionMiddleware
+
+        .. code-block:: python
+
+            from asgi_framework import App
+            from connexion import ConnexionMiddleware
+            from connexion.lifecycle import ConnexionRequest, ConnexionResponse
+
+            app = App(__name__)
+            app = ConnexionMiddleware(app)
+
+            app.add_middleware(
+                CORSMiddleware,
+                position=MiddlewarePosition.BEFORE_ROUTING,
+                allow_origins=["*"],
+                allow_credentials=True,
+                allow_methods=["*"],
+                allow_headers=["*"],
+            )
+
+            app.add_api("openapi.yaml")
+
+            if __name__ == "__main__":
+                app.run(f"{Path(__file__).stem}:app", port=8080)
+
+
+        .. dropdown:: View a detailed reference of the ``add_middleware`` method
+            :icon: eye
+
+            .. automethod:: connexion.ConnexionMiddleware.add_middleware
+                :noindex:
+
+.. _CORSMiddleware: https://www.starlette.io/middleware/#corsmiddleware
diff --git a/docs/exceptions.rst b/docs/exceptions.rst
index 8cfd22a35..e12048ce0 100644
--- a/docs/exceptions.rst
+++ b/docs/exceptions.rst
@@ -31,7 +31,7 @@ problem responses.
             app.add_error_handler(FileNotFoundError, not_found)
             app.add_error_handler(404, not_found)
 
-        .. dropdown:: View a detailed reference of the :code:`add_middleware` method
+        .. dropdown:: View a detailed reference of the ``add_error_handler`` method
             :icon: eye
 
             .. automethod:: connexion.AsyncApp.add_error_handler
@@ -63,7 +63,7 @@ problem responses.
             app.add_error_handler(FileNotFoundError, not_found)
             app.add_error_handler(404, not_found)
 
-        .. dropdown:: View a detailed reference of the :code:`add_middleware` method
+        .. dropdown:: View a detailed reference of the ``add_error_handler`` method
             :icon: eye
 
             .. automethod:: connexion.FlaskApp.add_error_handler
@@ -99,7 +99,7 @@ problem responses.
             app.add_error_handler(FileNotFoundError, not_found)
             app.add_error_handler(404, not_found)
 
-        .. dropdown:: View a detailed reference of the :code:`add_middleware` method
+        .. dropdown:: View a detailed reference of the ``add_error_handler`` method
             :icon: eye
 
             .. automethod:: connexion.ConnexionMiddleware.add_error_handler
diff --git a/docs/index.rst b/docs/index.rst
index 3eebfc6d3..b1df94b65 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -94,6 +94,7 @@ Documentation
    middleware
    testing
    cli
+   cookbook
    v3
 
 Recommended resources