DEV Community

Momin Iqbal
Momin Iqbal

Posted on

Spin-Python-SDK Templete

#python #webassembly #spin #spintemplete

What is Spin
Spin is a framework for building and running event-driven microservice applications with WebAssembly (Wasm) components.

Spin Templete
spin templete is the layer of Spin-python-sdk for render html

How to install spin_templete

pip install spin_templete
Enter fullscreen mode Exit fullscreen mode

Setup

mkdir templete
cd templete
touch index.html
Enter fullscreen mode Exit fullscreen mode

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello World Again Momin</h1>

    <ul>
        {% for item in items %}
            <li>{{ item }}</li>
        {% endfor %}
        </ul>   
    <ul>
        {% for item in mylist %}
            <li>{{ item }}</li>
        {% endfor %}
        </ul>   



<h1>{{name}}</h1>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

app.py

from spin_sdk.http import IncomingHandler, Request, Response
from spintemplete.templete import Render


html = Render("templete")

class IncomingHandler(IncomingHandler):
    def handle_request(self, request: Request) -> Response:
        return html.render("index.html",items=[1,2,3,4,5],mylist=["hello","world"],name="momin")
Enter fullscreen mode Exit fullscreen mode

spin.toml
Add more html files your requirements


[component.myapp]
source = "app.wasm"
files = ["templete/index.html"]
Enter fullscreen mode Exit fullscreen mode

Repository : https://github.com/MominIqbal-1234/spin_templete
Developed by : Momin Iqbal
site : https://image.mefiz.com

Top comments (1)

Collapse
 
waled_khalex_ab923398f307 profile image
Waled Khalex •

The Spin-Python-SDK Template provides a lightweight foundation for building event-driven microservices with WebAssembly (Wasm), using Python to render HTML within the Spin framework. It simplifies frontend-backend interactions while keeping performance high. For example, during development, you can easily simulate decisions using yes or no spin logic (e.g., spin-yes for rendering content, spin-no for skipping a component), which helps in testing condition-based rendering flows or UI logic handling. Spin enables clean, modular service design with the speed of Wasm and the flexibility of Python.