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

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

Coding Is Fun

2 месяца назад

18,797 Просмотров

👉 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.
Ссылки и html тэги не поддерживаются


Комментарии: