nav

nb/prod_data.py

@@ -0,0 +1,28 @@
+import marimo
+
+__generated_with = "0.18.4"
+app = marimo.App(width="full", app_title="🤩 Data")
+
+
+@app.cell
+def _():
+    import marimo as mo
+    from src.marimo_apps import UI
+
+    return UI, mo
+
+
+@app.cell
+def _(UI, mo):
+    md = mo.md("""
+    # Yes, Notebooks In Production | PyCon 2026
+
+    This is a tutorial on building FastAPI+marimo hybrid apps.
+    """)
+
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+if __name__ == "__main__":
+    app.run()

nb/prod_files.py

@@ -0,0 +1,28 @@
+import marimo
+
+__generated_with = "0.18.4"
+app = marimo.App(width="full", app_title="🎁 Files")
+
+
+@app.cell
+def _():
+    import marimo as mo
+    from src.marimo_apps import UI
+
+    return UI, mo
+
+
+@app.cell
+def _(UI, mo):
+    md = mo.md("""
+    # Yes, Notebooks In Production | PyCon 2026
+
+    This is a tutorial on building FastAPI+marimo hybrid apps.
+    """)
+
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+if __name__ == "__main__":
+    app.run()

nb/prod_home.py

@@ -1,22 +1,26 @@
 import marimo
 
 __generated_with = "0.18.4"
-app = marimo.App(width="medium", app_title="🏰 Home")
+app = marimo.App(width="full", app_title="🏰 Home")
 
 
 @app.cell
 def _():
     import marimo as mo
-    return (mo,)
+    from src.marimo_apps import UI
+
+    return UI, mo
 
 
 @app.cell
-def _(mo):
-    mo.md("""
+def _(UI, mo):
+    md = mo.md("""
     # Yes, Notebooks In Production | PyCon 2026
 
     This is a tutorial on building FastAPI+marimo hybrid apps.
     """)
+
+    mo.hstack([UI.NAV, md], widths=[1, 5])
     return
 
 

nb/prod_marimo.py

@@ -0,0 +1,28 @@
+import marimo
+
+__generated_with = "0.18.4"
+app = marimo.App(width="full", app_title="💚 Marimo")
+
+
+@app.cell
+def _():
+    import marimo as mo
+    from src.marimo_apps import UI
+
+    return UI, mo
+
+
+@app.cell
+def _(UI, mo):
+    md = mo.md("""
+    # Yes, Notebooks In Production | PyCon 2026
+
+    This is a tutorial on building FastAPI+marimo hybrid apps.
+    """)
+
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+if __name__ == "__main__":
+    app.run()

src/main.py

@@ -2,7 +2,7 @@ import typing as t
 from fastapi import FastAPI
 from fastapi.responses import RedirectResponse
 
-from .marimo_apps import MarimoApps
+from .marimo_apps import marimo_apps
 
 app = FastAPI()
 
@@ -17,4 +17,4 @@ def read_item(item_id: int, q: t.Union[str, None] = None):
     return {"item_id": item_id, "q": q}
 
 
-app.mount("/", MarimoApps().build())
+app.mount("/", marimo_apps.build())

src/marimo_apps.py

@@ -1,4 +1,6 @@
-from marimo import create_asgi_app
+import typing as t
+from collections import OrderedDict
+from marimo import create_asgi_app, nav_menu
 from pathlib import Path
 
 from .log import logger
@@ -10,14 +12,34 @@ logger.info(f"NB_FOLDER: {NB_FOLDER}")
 
 
 class MarimoApps:
-    def __init__(self):
-        pass
+    def __init__(self, folder: Path = NB_FOLDER):
+        self.folder = folder
+        self.files: t.Dict[str, Path] = {}
+        for file in self.folder.glob("prod_*.py"):
+            logger.debug(f"Mounting Marimo app from: {file}")
+            endpoint = "/" + file.stem.split("_")[-1]
+            path = file.absolute()
+            self.files[endpoint] = path
+
+    @property
+    def pages(self) -> OrderedDict[str, str]:
+        _pages = OrderedDict({"/home": "Home"})
+        for endpoint in self.files:
+            page_name = endpoint[1:].capitalize()
+            _pages[endpoint] = page_name
+        return _pages
 
     def build(self):
         apps = create_asgi_app(include_code=True)
-        for file in NB_FOLDER.glob("prod_*.py"):
-            logger.debug(f"Mounting Marimo app from: {file}")
-            apps = apps.with_app(
-                path="/" + file.stem.split("_")[-1], root=file.absolute()
-            )
+        for endpoint, path in self.files.items():
+            apps = apps.with_app(path=endpoint, root=path)
         return apps.build()
+
+
+marimo_apps = MarimoApps()
+# print(marimo_apps.pages)
+
+
+class UI:
+    TITLE = "Marimo on FastAPI"
+    NAV = nav_menu(marimo_apps.pages, orientation="vertical").style(font_size="20px")