👉 Explore All My Excel Solutions:
https://pythonandvba.com/solutions
𝗗𝗘𝗦𝗖𝗥𝗜𝗣𝗧𝗜𝗢𝗡
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
In this video, we're building a web app from scratch using a new Python package called FastHTML. This digital guestbook lets everyone leave a message, and it's all done without any JavaScript! For the database, we're going to use PostgreSQL from Supabase. To create the web app, it will be helpful if you know some HTML. However, if you are completely new to web development, don't worry. This tutorial will be beginner-friendly. I'll guide you through each step, from installing FastHTML to deploying your web application for free. By the end, you'll have your very own live guestbook on the internet!
#PythonWebApp #FastHTML #PythonProject
⚠️ Disclaimer: This guestbook was heavily inspired by @mattpalmer 's guestbook solution, which he showcased in this video:
https://youtu.be/mIY0RlMA8N0?si=D6sThlGF5IWoJim-
I reached out to Matt before releasing the video and asked for permission to “borrow” his idea. Thanks, Matt 🙏
🌍 𝗟𝗜𝗡𝗞𝗦:
▶ Live Website:
https://guestbook.pythonandvba.com/
▶ Souce Code:
https://github.com/Sven-Bo/fasthtml-guestbook-supabase
▶ fastHTML Docs:
https://docs.fastht.ml/
▶ Pico Docs:
https://picocss.com/docs
▶ Supabase:
https://supabase.com/
▶ Gitignore Generator:
https://gitignore.io/
▶ Vercel:
https://vercel.com/
⭐ 𝗧𝗜𝗠𝗘𝗦𝗧𝗔𝗠𝗣𝗦:
00:00 – Introduction
00:48 – Installing FastHTML
01:04 – Running the Example Code locally
01:38 – Explaining FastHTML with Example Code
03:45 – Styling the Application with Pico CSS
04:32 – Creating a Multi-Page Application
05:08 – Building the Guestbook Form
10:13 – Connecting to a Postgres Database with Supabase
12:30 – Fetching Data from the Database
14:07 – Inserting New Data into the Database
15:58 – Handling Form Submissions with FastHTML
17:35 – Adding a Favicon
17:55 – Deploying the Web Application to Vercel
20:28 – Testing the Live Application
20:39 – Outro
𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🆓【𝗙𝗥𝗘𝗘】Excel Add-in (𝗠𝘆𝗧𝗼𝗼𝗹𝗕𝗲𝗹𝘁):
https://pythonandvba.com/mytoolbelt
📊 Dashboard Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆):
https://pythonandvba.com/grafly
🎨 Cartoon Charts Excel Add-In (𝗖𝘂𝘁𝗲𝗣𝗹𝗼𝘁𝘀):
https://pythonandvba.com/cuteplots
🤪 Fun Emoji Excel Add-In (𝗘𝗺𝗼𝗷𝗶𝗳𝘆):
https://pythonandvba.com/emojify
📑 Excel Templates:
https://pythonandvba.com/go/excel-templates
🎓 My Courses:
https://pythonandvba.com/go/courses
📚 Books, Tools, and More:
https://pythonandvba.com/resources
𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🔗 LinkedIn:
https://www.linkedin.com/in/sven-bosau/
📸 Instagram:
https://instagram.com/codingisfun_official
💻 GitHub:
https://github.com/Sven-Bo
💬 Discord:
https://pythonandvba.com/discord
📬 Contact:
https://pythonandvba.com/contact
☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:
▶
https://pythonandvba.com/coffee-donation
Тэги:
#Python_web_application #FastHTML_tutorial #build_web_app_with_Python #Python_FastAPI #HTMX_tutorial #FastHTML_web_development #Python_guestbook_app #no_JavaScript_web_app #Python_HTML_project #Superbase_integration #Pico_CSS #Python_web_development #deploy_Python_app_Vercel #FastAPI_HTMX_integration #beginner_Python_web_app #Python_web_app_from_scratch #web_app_deployment_tutorial #FastHTML_package #Python_coding_tutorial #interactive_web_apps_with_Python.