How do I create a horizontal menu instead of a sidebar?

You can set the position parameter in st.navigation to 'top', which is ideal for apps with 3-7 pages, creating a clean horizontal navigation bar.

How do I share data between pages in Streamlit?

You should initialize global state using st.session_state in the main entry point (streamlit_app.py) before calling page.run() to ensure data is accessible across all pages.

Can I hide pages based on user login status?

Yes, this skill provides patterns for building the list of st.Page objects dynamically based on conditions like st.user.is_logged_in or session state permissions.

Why use app_pages/ instead of the default pages/ directory?

Using app_pages/ avoids conflicts with Streamlit’s legacy auto-discovery API, ensuring the modern st.navigation API works reliably without unexpected behavior.

Streamlit Multi-page App Navigation

Name: Streamlit Multi-page App Navigation
Author: andfanilo

byandfanilo

•

601

•

데이터 과학 및 ML

Builds scalable, multi-page Streamlit applications using modern navigation APIs and robust state management patterns.

This skill equips Claude with the specialized knowledge to architect complex Streamlit applications using the modern st.navigation and st.Page framework. It focuses on creating maintainable directory structures—specifically utilizing the app_pages/ convention to avoid legacy conflicts—and implements sophisticated state management across different views. Whether you need a simple top-nav dashboard or a complex, role-based enterprise application with conditional page visibility and nested sections, this skill provides the implementation patterns required for production-grade Python web apps.

주요 기능

01601 GitHub stars

02Optimized directory structuring using the app_pages/ convention

03Modern st.navigation and st.Page API implementation

04Dynamic and conditional page rendering for role-based access

05Standardized shared UI elements and programmatic navigation patterns

06Global and page-specific session state management logic

사용 사례

01Building enterprise dashboards with distinct analytics, admin, and user settings sections.

02Implementing role-based access control where specific pages are hidden from non-admin users.

03Migrating legacy Streamlit applications to the latest navigation and state management APIs.

주요 기능

01601 GitHub stars

02Optimized directory structuring using the app_pages/ convention

03Modern st.navigation and st.Page API implementation

04Dynamic and conditional page rendering for role-based access

05Standardized shared UI elements and programmatic navigation patterns

06Global and page-specific session state management logic

사용 사례

01Building enterprise dashboards with distinct analytics, admin, and user settings sections.

02Implementing role-based access control where specific pages are hidden from non-admin users.

03Migrating legacy Streamlit applications to the latest navigation and state management APIs.