Deploying a PyScript App w/GitHub Pages | End-to-end PyScript Tutorial #2

As a continuation to the last video where we dive into PyScript [PyScript Demo / Walkthrough]( • PyScript Demo / Tutori... ), we're now going to see how to combine that with GitHub Pages and GitHub Action to deploy a PyScript App, courtesy of Eduardo Bonet's NBLite project
00:00 Building apps with Pyscript (intro)
02:46 Project Setup
05:01 Hacking away at NBLite
07:49 Deploy pyscript app onto GitHub pages
11:05 How is pyscript used in NBLite
20:58 Deploying pyscript app w/ Github Pages
Live Demo link:
onlyphantom.github.io/nblite-...
github.com/onlyphantom/nblite...
Projects (fork from this):
- NBLite on GitLab: gitlab.com/eduardobonet/nblite
- NBLite on GitHub: github.com/eduardobonet/nblite
Watch Part 3 to learn how to create an interactive visualization dashboard with PyScript (and deploy it): • Build a PyScript inter...
We're not going to cover PyScript semantics in too much detail because the focus is on the end-to-end process of spinning up a PyScript app, tweaking it, and then deploying it to GitHub pages for free. Watch Part 1 for that instead: • PyScript Demo / Tutori...

[@SamuelChan]

Here's part 1: kzbin.info/www/bejne/h6CblYuvgL2sg6c: Focus on importing PyScript, its syntax and key usage patterns. A get started guide for anyone new to pyscript. Part 3 kzbin.info/www/bejne/q5i2c5SFiZWljKs will see us build a fully interactive analytics dashboard with Altair and PyScript. Part 4 kzbin.info/www/bejne/fmfVf62Hmtesh9E we'll build a CRUD (create read update delete) system in the form of a guest book using PyScript. This is something you'd do with Vue or React in the past, but now it's only a few lines of Python code.

[@hello-lb3vf]

I've been searching how to do this... I couldn't find a solution until I stumbled across this video. Thank you :)

[@sanjayplays5010]

Awesome work man, good to see more tutorials on PyScript! You've got yourself a new sub ;)

[@SamuelChan]

Thank you my bro!

[@shamaldesilva9533]

Finally a channel for pyscript tutorials 🤩 , subscribed 🤝🤝🤝

[@SamuelChan]

Go through the whole series! You’ll love it! Part 1 (intro to PyScript): kzbin.info/www/bejne/h6CblYuvgL2sg6c Part 2 (PyScript deployment): kzbin.info/www/bejne/pXnCo4eKec-ArK8 Part 3 (PyScript + Altair data dashboard): kzbin.info/www/bejne/q5i2c5SFiZWljKs Part 4 (PyScript Guest Book app, CRUD): kzbin.info/www/bejne/fmfVf62Hmtesh9E

[@mr.gk5]

Looking forward to see more of your tutorials on pycripts! Great video!

[@SamuelChan]

Thank you 🫶 comments like these keep me going!

[@mr.gk5]

@@SamuelChan It’d be great if you could make tutorials on how to make python script interactive like adding textbox, select box etc in pyscript!

[@SamuelChan]

Part 4 is what you want bro! :) Part 1 (intro to PyScript): kzbin.info/www/bejne/h6CblYuvgL2sg6c Part 2 (PyScript deployment): kzbin.info/www/bejne/pXnCo4eKec-ArK8 Part 3 (PyScript + Altair data dashboard): kzbin.info/www/bejne/q5i2c5SFiZWljKs Part 4 (PyScript Guest Book app, CRUD): kzbin.info/www/bejne/fmfVf62Hmtesh9E

[@parsaosanlou3390]

Excellent explanation.

[@SamuelChan]

Thank you!

[@PtolemySoter]

what about POST requests? only GET urls can be analysed this way?

[@SamuelChan]

If we’re gonna use a bit of javascript then yeah it’d be as simple as calling the Fetch API, and the corresponding GET, POST, PUT, PATCH etc will all work - we just wire it up to pyscript. If we’re doing form submission in pyscript without JS (only pyscript) then I’d suggest checking out part 4 of the series where we build a contact book / guest list application. That has no js at all. Form value to pyscript directly. kzbin.info/www/bejne/fmfVf62Hmtesh9E

[@404errorpagenotfound.6]

I'm not sure why you would do this and not just use a Jupyter notebook??

[@SamuelChan]

Because you can now have these code notebooks to demonstrate your project, or accompany a blog post you write, or just anything since they’re all just html. No python server needed. And you can also run it offline / locally. Jupyter notebook runs on a python server and if you ever tried to integrate that into your programming blog you’re running a separate instance (and paying for) on AWS with python on it. :)

[@404errorpagenotfound.6]

@@SamuelChan thanks Samuel, good explanation. I would like to see an app that will take input from the public side of a web page and returns something. Like a tkinter app except on a webpage or even anything that takes input from client does a calculation/function in python them renders the output on the client side webpage. That would be useful and would get more people interested to invest time learning. Also you are a good teacher, thanks for your content.

[@SamuelChan]

Thank you for your kind words 😀 I think Part 4 of this series covers that! We build a CRUD guestbook app using only pyscript! Build a PyScript guestbook webapp | PyScript Tutorial #4 kzbin.info/www/bejne/fmfVf62Hmtesh9E

[@404errorpagenotfound.6]

@@SamuelChan subbed will check out the app.