How to create a Streamlit Multi-Page Web App

𝗗𝗘𝗦𝗖𝗥𝗜𝗣𝗧𝗜𝗢𝗡
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
From streamlit version 1.10 onwards, you can now create native streamlit multipage web apps. In this tutorial, I will walk you through an example of how to develop such a streamlit multipage web app. In particular, I will show you how to add multiple pages, including favicons and how to use the streamlit session state to share variables/values between pages.
To follow along, ensure to use the latest streamlit version by running ‘pip install streamlit --upgrade’

🌍 𝗟𝗜𝗡𝗞𝗦:

⭐ 𝗧𝗜𝗠𝗘𝗦𝗧𝗔𝗠𝗣𝗦:
00:00 – Intro
00:14 – Create a basic streamlit app
01:10 – Add multiple pages
02:10 – Order pages
02:47 – Add emojis before the page name
03:50 – Share session state variables
05:20 – Final words
06:02 – Outro

𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:

[nthmost]

As a Streamlit engineer i can tell you, that was one of the most over-discussed and hotly contested features on the roadmap 😂. Glad to see it finally in use. Good job on the explainer, this is really good.

[TK-pesf]

Looks awesome, thank you for the video! I think I am going to use this for a new project. 🤔

Also I cannot stress enough how useful such short demo videos are to me. It's great to understand in 5 minutes what exactly a project can do and how you use it -- much better than 45 minute presentations of 5284 different features!

[Avra_b]

Hey, it’s so nice to see your videos - was binge watching them . Congratulations on your amazing video quality production and ofcourse the content . 🎉

[CodingIsFun]

I hope you liked this short video on the new Streamlit multi-page feature. *Happy Streamlit-ing!* 🎉

[TamNguyen-cyix]

Thank you so This saved me tons of time as people use different ways of navigation. But this one is much better.

[Black_Hawk]

Thank you very much, Sir. You are the best Python tutor in the world. I am not that good at writing and understanding complicated English, but I can easily understand Your English.🙌🙌 And your python Videos like building websites are Super👌👌👌

[arunasrancevas]

Nice to see this channel picking up the pace.

[Fimaniac]

Dear Sven, I like your short and really informative Python tutorials. You ask for new topics: Such a topic (actually related to pages) could be the new tabs function introduced in streamlit 1.1. ❤ Finn

[cloudagnostic]

Wow this was a good entry tutorial. I’m going to get my hands dirty with this library.

[armantech]

Idea for the next video: please make a tutorial how to make different oauth methods like: Google Oauth, Apple Oauth in Streamlit App.

Thank you, Great Video!

[jesusadraz]

Cool! I could add pages to my web app. Thank you man!

[Diogene-pllq]

Really amazing tutorial . Thanks alot. You are really helpfull for beginner like me.

[viniwata]

Thank you! This is one of the best videos on the subject.

Can someone help me with an issue? When I'm on page 'X' in the menu, the background color changes to a darker shade, and the text turns solid black. However, on the other pages, the text appears in a lighter black, almost as if there's a transparency effect. How can I make all the text in the menu solid black? Thanks!

[ndmad]

Thanks you. Good job. We want more. Thank

[kaoh]

Missed being the first one to see your video. Maybe next time!!!

[selim]

Hello Sven, I love watching your videos and I learned a lot of things from you. And now, I want to make a data analysis web app and I'm wondering about how can we deploy a streamlit app on a hosting or server with a domain? Could you share with us how can we do that? Thanks a lot.

[manikantachinnipilli]

If you click the projects tab, the homepage tab will not work or disable, when the process is running in projects tab

[ryanblumenow]

Thanks for the video walkthrough. Can you customize the look of the page tabs and the navbar? Using CSS or something?

[burkhardleuthner]

Thx for sharing! Because I'm a newbee: How do you get the emoji into your Py-Code? Which library is needed?

[miciglaric]

NIce! Can you make video about secure Streamlit login with PyJWT for database?