Cloudflare

This post walks you through building a portfolio site with a 3D interactive homepage (matryoshka dolls driven by scroll) using Hugo and Three.js, and then deploying it on Cloudflare Pages. No prior 3D experience required—we keep the Three.js part to the essentials. What You’ll Build A Hugo static site with the PaperMod theme. A custom homepage where a 3D model (e.g. matryoshka dolls) reacts to scroll: each “doll” opens as you scroll, and you can click to navigate to Blog, CV, Links, etc. Deployment on Cloudflare Pages so every push to your repo updates the live site. 1. Project setup: Hugo + PaperMod Create a new Hugo site and add the theme as a submodule (so the theme is tracked by Git but lives in its own repo): ...