11 - Pages and URL Routes

codingforentrepreneurs · codingforentrepreneurs · commit 5023297fb3f8 · 2024-06-11T13:54:46.000-06:00
diff --git a/full_stack_python/full_stack_python.py b/full_stack_python/full_stack_python.py
@@ -3,9 +3,10 @@
 import reflex as rx
 
 from rxconfig import config
-
 from .ui.base import base_page
 
+from . import pages
+
 class State(rx.State):
     """The app state."""
     label = "Welcome to Reflex!"
@@ -46,5 +47,9 @@ def index() -> rx.Component:
     return base_page(my_child)
 
 
+
+
 app = rx.App()
 app.add_page(index)
+app.add_page(pages.about_page, route='/about')
+app.add_page(pages.pricing_page, route='/pricing')
diff --git a/full_stack_python/pages/__init__.py b/full_stack_python/pages/__init__.py
@@ -0,0 +1,7 @@
+from .about import about_page
+from .pricing import pricing_page
+
+__all__ = [ 
+    'about_page',
+    'pricing_page'
+]
diff --git a/full_stack_python/pages/about.py b/full_stack_python/pages/about.py
@@ -0,0 +1,17 @@
+import reflex as rx 
+
+from ..ui.base import base_page
+
+def about_page() -> rx.Component:
+    my_child = rx.vstack(
+            rx.heading("About Us", size="9"),
+            rx.text(
+                "Something cool about us.",
+            ),
+            spacing="5",
+            justify="center",
+            align="center",
+            min_height="85vh",
+            id='my-child'
+        )
+    return base_page(my_child)
diff --git a/full_stack_python/pages/pricing.py b/full_stack_python/pages/pricing.py
@@ -0,0 +1,17 @@
+import reflex as rx 
+
+from ..ui.base import base_page
+
+def pricing_page() -> rx.Component:
+    my_child = rx.vstack(
+            rx.heading("Pricing", size="9"),
+            rx.text(
+                "Our Pricing",
+            ),
+            spacing="5",
+            justify="center",
+            align="center",
+            min_height="85vh",
+            id='my-child'
+        )
+    return base_page(my_child)
