Build and Deploy a Multi-Page Web Application Using Python (Streamlit)

[@CodingIsFun]

*Here's the link to the final website:* multipage-webapp.streamlit.app/ I hope you enjoyed the video and the project. All the links mentioned in the video can be found in the description box. Cheers, Sven ✌

[@Harazi868]

How to upload on internet please

[@CodingIsFun]

@@Harazi868 Have you watched the video? 😅

[@ici6308]

I even didin't look at all the video yet, but i give you already a five star *****. You are a great guy.

[@CodingIsFun]

Thanks for the support! I appreciate it! Cheers, Sven ✌️

[@sitrakaforler8696]

The best streamlit youtuber !!!!! BRAVO

[@CodingIsFun]

Thanks, mate! Appreciate it! -Sven

[@mdld1293]

I just finished a web app today and was looking for a video on how to upload it. Thanks! Your channel is one of the best for Python!

[@CodingIsFun]

I'm glad to hear it was helpful. Just curious, what kind of app did you create? Cheers, Sven ✌️

[@mdld1293]

@@CodingIsFun We often have to figure out the volumes for stock solution dilutions in our lab. The math is really easy but gets really tedious when you have a bunch of solutions to mix. So, I made an app that automates all that. Just enter the data for your solutions, and it spits out a SOP in PDF format. I think our techs and students are going to love how much easier it makes things!

[@CodingIsFun]

@@mdld1293 Thanks for sharing. Sounds like an interesting project 👍

[@VijayVerma-dq2bu]

...Without a single line of html/css/js code.. this is awesome.😊

[@CodingIsFun]

Yeees 😍

[@martin-xq7te]

Great simple-to-follow video. Thank you

[@CodingIsFun]

Glad you liked it! Thanks for watching! -Sven ✌🏼

[@MatsSjoberg-z3n]

Exactly was I looked for to create a multiple Streamlit page! Thanks for an excellent video!!

[@CodingIsFun]

Glad it was helpful! Happy coding! Cheers, Sven ✌️

[@EduardoAndreePS]

Great video, just what I was looking for!

[@CodingIsFun]

Great to hear! Cheers, Sven ✌️

[@hrmanager6883]

Great addition Sven , helping others to grow by learning these skills, great contribution , have great success ahead

[@CodingIsFun]

Appreciate your kind words. Cheers for the support! -Sven ✌️

[@funese102]

Bro is cooking the best streamlit tutorial again 🎉🎉🎉

[@CodingIsFun]

Cheers mate✌️

[@funese102]

@@CodingIsFun By the way Sven, please make more contents relating to Machine Learning & Taipy 😁. All the best to you!

[@rodrigobogado653]

creo que ya comente, pero este brother es un capo! estuve haciendo unas paginas para lo que es un comite de etica y esto me re ayudo: simple, sencillo y copado!

[@CodingIsFun]

Thanks for the kind words! Cheers, Sven ✌

[@z.r.777]

Thank you. So timely.

[@CodingIsFun]

Glad it was helpful! Cheers, Sven ✌️

[@Namrata_benke]

Thankyou so much , it's really useful🙂🙏 love from India..😊

[@CodingIsFun]

Glad you liked it. Love to India. Cheers, Sven ✌️

[@hrmanager6883]

Great job again, best wishes and have great success ahead

[@CodingIsFun]

Again, appreciate the support and well wishes. All the best to you as well! -Sven 😊

[@nukku1]

Excellent explanation.

[@CodingIsFun]

Thank you! :)

[@patriciohernandezballester2485]

"Hi Sven! 😃 I just watched your new tutorial and, as always, it's incredibly useful and well explained. Thank you for sharing your knowledge with us! 🌟👍"

[@CodingIsFun]

Hi Patricio, thanks for tuning in again and taking the time to leave a comment. I'm glad to hear you liked this video too. Cheers, Sven ✌️

[@williamsagbanagba-p7p]

Best python-streamlit coders

[@CodingIsFun]

Thank you! ❤️ -Sven

[@chandrasekars8904]

This is really an excellent channel on Python like "techie talkee"

[@CodingIsFun]

Thank you! -Sven ✌️

[@cookiee_86]

Thank you Sven for another amazing tutorial💫! looking handsome as usual 😉

[@CodingIsFun]

Aw, you're making me blush. Thanks for watching and for your comment. Cheers, Sven ✌️

[@_NickTech]

Hi! Thank you for such high-quality content! 😍 Regarding checking an email for correctness, using regular expressions is a flawed approach because: 1. There are numerous formats all over the world 2. The address might not exist 3. There may be a typo The best way is to send a verification link to the email. I understand that it's off-topic, but worth mentioning, I guess. BTW, the Win + Dot command to see emojis is handy, thanks! 😊

[@CodingIsFun]

Thank you for watching, and I'm glad you liked it! Regarding the email: That's an absolutely valid point. Initially, I considered integrating an email validation API as well, but I wanted to keep the video concise. However, if you're interested in the code, you can check out this form I created for another app: github.com/Sven-Bo/streamlit_contest/blob/main/streamlit_app.py#L17 Basically, I first validate the email and using a dedicated API also has the advantage of filtering out temporary email addresses. Cheers, Sven ✌️

[@_NickTech]

@@CodingIsFun Wow, that's cool! thank you!!

[@sanrui]

great tutorial is easy to understand for me even just beginer in python like, thanks for the video

[@CodingIsFun]

Thanks for the positive feedback! Appreciate you taking the time to leave a comment. Cheers, Sven ✌️

[@11Argy]

Thanks sir ✌️😉

[@CodingIsFun]

My pleasure! Appreciate you taking the time to watch and leave a comment. -Sven ✌️

[@umeshsuwal85]

Great Video

[@CodingIsFun]

Thank you! -Sven ✌️

[@mansoormoideen6733]

Hi Sven, I'm learning from you. You made it so easy. Thanks a lot. Can you make a video regarding how to use pabbly.

[@CodingIsFun]

Happy to hear that you like my teaching style. Your request on the Pabbly Connect video is well noted. Cheers, Sven ✌️

[@darrenlefcoe]

great video. well done.

[@CodingIsFun]

Glad you liked it. Thanks for watching and taking the time to leave a comment! -Sven ✌️

[@stefanschouteden5196]

Very cool video! Thank you! Btw. I am also trying to apply the streamlit-authenticator module and have noticed that your video (2 yrs ago) about this implemention is a bit outdated, as that module has changed quite a bit. It would be nice if you could add the latest streamlit-authenticator implementation for perhaps an updated video to control the number of users that can access the site. That would be cool. I am a clear favourate of your youtube channel! Keep up the good work. Much appreciated! Greetings from South Africa!

[@CodingIsFun]

Thanks for watching and your video suggestion! Greetings to South Africa! Cheers, Sven ✌️

[@charleshopper4638]

Is streamlit responsive and how do you handle mobile apps with it? Excellent tutorial. Looking forward to many more.

[@CodingIsFun]

Yes, Streamlit is mobile responsive. You can check out the live website on your mobile phone. Cheers, Sven ✌️

[@Bedwarsblockmango0]

Way of your explaining everyone can understand easily, My request: Can you create tutorials based on user login,user can access web pages (based on permission)

[@CodingIsFun]

Thank you for watching. I'm glad to hear you like my explanation style. Regarding your request: I'm still waiting for native authentication support from Streamlit. Currently, there are some workarounds and third-party packages available, but I prefer to wait for official Streamlit support for authentication. Cheers, Sven ✌️

[@Bedwarsblockmango0]

@@CodingIsFun Thanks for reply,

[@CharanTeja_27]

Great work on your videos! I'm currently developing a multipage web application using Streamlit, featuring sections like Home, Account, and Tasks. However, I'm facing challenges with maintaining session state. After logging in, the app should automatically display the Tasks page, which contains various functionalities. Despite my efforts, the session state isn't working as expected, and I often need to double-click to see the Tasks content. Additionally, the sidebar color doesn't update correctly when switching pages. Could you please create a video explaining how to manage session state effectively in multipage applications? Your insights would be incredibly helpful for me and others dealing with similar issues. Thank you!

[@CodingIsFun]

Thanks for watching. The session state functions the same way as it does on a single page. Kindly have a look at the docs: docs.streamlit.io/develop/api-reference/caching-and-state/st.session_state I hope it helps! Happy debugging! Cheers, Sven ✌️

[@imbhasz94]

Hi! I really loved your video and tutorial of streamlit you made. Can you give full tutorial of simple website which can crud and have login page for my projects? Thanksss

[@CodingIsFun]

Thanks for watching and your video suggestion! Cheers, Sven ✌️

[@apgamer7709]

You are just awesome

[@CodingIsFun]

Thanks, mate! -Sven ✌️

[@loginet1]

Very nice!

[@CodingIsFun]

Thank you! Cheers, Sven ✌️

[@abdielgoni5690]

Realy cool 🙌

[@CodingIsFun]

Thanks!

[@_R.F_]

Hi, I was just wondering if you could place the access to pages outside of a sidebar?

[@CodingIsFun]

Thanks for watching. Yes, that's possible. Happy coding! -Sven ✌️

[@sundayabiodun8819]

How did you use an icon as a call action button? I mean the contact me button you used that opened the contact form

[@CodingIsFun]

As explained in the video 4:12 min. Cheers, Sven ✌️

[@limjuroy7078]

Interesting!!!

[@CodingIsFun]

Thanks!

[@arnabneogi4237]

any idea if i want to deploy it in my own docker swarm and try to make it enterprise ready?

[@CodingIsFun]

Have a look here: docs.streamlit.io/deploy/tutorials/docker Happy Deployment! 🎉 -Sven

[@py_skii]

I have learn streamlit from your video...its is really helpful...Jai hind... respect from India 🤍

[@CodingIsFun]

Glad to hear that! Thanks for watching and taking the time to leave a comment. Love to India ❤️ Cheers, Sven ✌️

[@r.e.434]

can this be deployed also to a vps like digitalocean?

[@CodingIsFun]

Yes, that should be possible. Here's one example: www.bitdoze.com/streamlit-deploy-vps-cloudflare/ Happy Deployment! -Sven

[@gagansingh3481]

Do have course on streamlit

[@CodingIsFun]

No, I don't have any Streamlit course (yet) ;)

[@gagansingh3481]

@@CodingIsFun kindly make it sir ... from basics to advance it's really helpful to showcase data of excel and for Machine learning models

[@maliktanveerdhool]

Great how to hide top GitHub area and bottom hosted streamlit area?

[@CodingIsFun]

Thanks for watching. To remove that, you could deploy your app to another web server, e.g. Render or Heroku. Cheers, Sven ✌️

[@spthepero2282]

Ayo blud, I need help. My Multipage app is really showing up other pages, I am using the same navigation setup as you, but the other pages are not really being shown, it only shows the web page that is set to default. I have tried many things, also did the same as you and created the views folder but still those other 2 pages besides my default one keep loading forever.

[@CodingIsFun]

Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help. -Sven ✌️

[@spthepero2282]

@@CodingIsFun wut? Ok thanks

[@SYLLOGI20]

why my why my streamlit doesn't have st.page attribute note i have installed the latest version of streamlit

[@CodingIsFun]

😲

[@SugarRayRobi]

Download either an older or newer version of streamlit check if it works

[@codemedio6418]

can you create website for tutorial with streamlit?

[@CodingIsFun]

Sorry, but I'm not sure what you mean. Cheers, Sven ✌️

[@codemedio6418]

@@CodingIsFun build education web like a udemy with streamlit

[@CodingIsFun]

@@codemedio6418 Nope, that is not a good idea. Rather use Django for that

[@danielc.s.8399]

One question, How can I import libraries like matplotlib and sklearn from github to deploy in streamlit?

[@CodingIsFun]

Thanks for watching. You can import third-party packages, just like I have shown and explained in the video. Cheers, Sven ✌️

[@kuvikina]

Can you do this with shiny for python

[@CodingIsFun]

Thanks for watching. In Shiny for Python you could also include a navigation panel: shiny.posit.co/py/templates/basic-navigation/ Happy Coding! Cheers, Sven ✌️

[@Tech-speaker]

Can I add a custom domain to my streamlit webapp?

[@CodingIsFun]

Thank you for watching. In Streamlit Cloud, you can specify a custom subdomain but not change the top-level domain. If you deploy your app on Heroku or Render, you can set up a custom domain. Here are the tutorials for deployment: ▶ Heroku (no free plan): kzbin.info/www/bejne/pHuro4asjt2toKcsi=5N5QWkUwftgFSsUM ▶ Render (free plan available): kzbin.info/www/bejne/aoSyZHaLjLWMnJIsi=HFFruTkzTevHHBsO And here are the instructions for setting up a custom domain: ▶ Heroku: kzbin.info/www/bejne/kIGaeKOugtGrhassi=fNWEbw3xc7xtvtm3 ▶ Render: docs.render.com/custom-domains I hope this helps! Cheers, Sven ✌️

[@Tech-speaker]

@@CodingIsFun Thanks a lot, Sven. Appreciate your work. Keep going. Hope to see more useful streamlit webapp and data viz videos from you.

[@Jriad]

i keep getting AttributeError: module 'streamlit' has no attribute 'Page' any idea why?

[@CodingIsFun]

Are you using the latest Streamlit version as explained in the video (1:27 min)? pip install streamlit --upgrade Cheers, Sven ✌️

[@Jriad]

​@@CodingIsFun it seems the problem with the installation i used another PC and it worked thanks and sorry for the disturbance

[@neetiwason2065]

Can we build a sidebar like the one on the Streamlit documentation webpage (docs.streamlit.io/)? For instance, imagine having sections like "About Me" or "Section 1" with clickable subsections. Clicking on any section or subsection should take me to the corresponding page. How can we achieve this?

[@CodingIsFun]

Thanks for watching. Currently, that does not seem to be supported natively in Streamlit. Cheers, Sven ✌️

[@amusaber6648]

Thanks Very Useful. 👏 I have an unrelated question, but I guess you know the Answer, How to build Executable (.exe) file from Python for all Versions of Windows (Seven,8,10,11) i used PyInstaller in windows 10 ,but the Executable file compiled by PyInstaller does not work on Windows 7 I apologize for the unrelated topic .

[@CodingIsFun]

Thanks for watching. I have never tried to run compiled Python scripts on older Windows versions. Hence, I cannot help you here. You might need to do some Google searching. Happy debugging! Cheers, Sven ✌️

[@gagansingh3481]

How do i build a web site like you sir ... Any udemy course you can recommend I am a non coder

[@CodingIsFun]

Thanks for watching. You might want to check out my Streamlit Playlist here: kzbin.info/aero/PL7QI8ORyVSCaejt2LICRQtOTwmPiwKO2n Also, for learning Python, you can check out my favorite resources here: pythonandvba.com/resources I hope it helps! Happy learning & coding! Cheers, Sven ✌️

[@gagansingh3481]

​@@CodingIsFun -Thank you sir

[@gabrielditomaso2972]

my code was exatcly the same and this happening import streamlit as st import pandas as pd import numpy as np import matplotlib as mpl import plotly.graph_objects as go import plotly.subplots as sp import plotly.express as px #import CRUD # ------ CONFIGURAÇÃO DAS PAGINAS ------ pag_intro= st.Page(page="views/intro.py",title="Intro",default=True,) pag_config= st.Page(page="views/config.py",title="Configuração",) pag_dashboard= st.Page(page="views/dashboard.py", title="Dashboard",) # ------ Configuração de navegação ------ pg= st.navigation(pages=[pag_intro,pag_config,pag_dashboard]) # ------ Iniciar de navegação ------ pg.run() THE ERROR --------------------------------------------------------------------------------- > & C:/Users/ditom/AppData/Local/Programs/Python/Python312/python.exe "d:/Projetos pessoais/SISTEMA MES/Software.py" Traceback (most recent call last): File "d:\Projetos pessoais\SISTEMA MES\Software.py", line 20, in pg= st.navigation(pages=[pag_intro,pag_config,pag_dashboard]) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "C:\Users\ditom\AppData\Local\Programs\Python\Python312\Lib\site-packages\streamlit untime\metrics_util.py", line 408, in wrapped_func result = non_optional_func(*args, **kwargs) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "C:\Users\ditom\AppData\Local\Programs\Python\Python312\Lib\site-packages\streamlit\commands avigation.py", line 178, in navigation if page._default: ^^^^^^^^^^^^^ AttributeError: 'StreamlitPage' object has no attribute '_default'

[@CodingIsFun]

Which Streamlit version are you using?

[@gabrielditomaso2972]

@@CodingIsFun the 1.37

[@gabrielditomaso2972]

@@CodingIsFun My visual code is saying the code is wrog but when I tried to run on streamlit was working normaly. I tried this later and I don't know whys thats happening