Demo: Janeiro de Cima, Aldeia do Xisto no Zêzere
2026Pessoal - Online
Homenagem não oficial a Janeiro de Cima, no Fundão, para mostrar o que uma aldeia, junta de freguesia ou município pode ter. Ilustrações SVG desenhadas à mão que seguem a hora de Lisboa do dia para a noite, um passeio em ecrã inteiro pela aldeia, uma agenda que esconde sozinha os eventos passados e um painel Decap CMS para a aldeia editar o conteúdo. Feito em Astro com 9 KB de JavaScript e sem scripts de terceiros, com 14 tipos de dados estruturados para Google e assistentes de IA, llms.txt e uma CSP restrita. Tem uma página que explica como foi feito.
AstroTypeScriptSVGSEO / GEO / AEOJSON-LDDecap CMSCSPCloudflare Pages
Demo: Café de Bairro em Marvila
2026Pessoal - Online
Site completo para um café fictício em Lisboa, com carta, loja online, agenda de eventos e um laboratório de torra interativo. Feito em Astro com 7 KB de JavaScript, micro-animações em CSS e SVG, dados estruturados para Google e assistentes de IA (Menu, Event, Product, FAQ), llms.txt e uma CSP com hashes. Tem uma página que explica como foi feito.
AstroTypeScriptSEO / GEO / AEOJSON-LDCSPCloudflare Pages
Demos de Sites para Restaurantes
2026Pessoal - Online
Um template sem dependências que gera um site de uma página por restaurante a partir de um único ficheiro de configuração. Mobile-first, Lighthouse entre 97 e 100 em todas as categorias, imagens AVIF/WebP, SEO por restaurante com Open Graph e JSON-LD Restaurant, e uma CSP restrita. As demos abaixo são montras fictícias.
+ Mais demos a caminho
HTMLCSSJavaScriptNode.jsSEOCloudflare Pages
Lisboa 2054
2026Pessoal - Experiência
Uma cena interativa de uma rua de Lisboa à noite, à chuva, depois de a IA ter tomado conta da infraestrutura urbana — calçada molhada, fachadas de azulejo, elétrico amarelo, néons, drones e som ambiente. Desenhada inteiramente num canvas em JS vanilla.
CanvasJavaScriptWeb AudioGenerative art
Arcade
2026Pessoal - Playground
Uma pequena arcada de jogos no browser que construo para praticar e experimentar, com o mesmo stack e linguagem visual deste portfólio.
Next.jsTypeScriptFramer Motion