MENU

Fun & Interesting

How to Create & Deploy a Python Web Application FAST (fastHTML Tutorial)

Coding Is Fun 27,786 8 months ago
Video Not Working? Fix It Now

๐Ÿ‘‰ 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

Comment