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 (4)

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.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.