Create a Creative Portfolio with SvelteKit, Three.js, GSAP and Prismic!
This is the SvelteKit counterpart to my Next.js portfolio course, redesigned and rebuilt to match SvelteKit’s idioms rather than ported one-to-one. The site uses Threlte so Three.js feels native inside Svelte, GSAP for hero letter animations and hover interactions, and Prismic’s page builder for the blog, experience, and project sections.
The course goes past setup and into the interesting parts of working in SvelteKit: load functions for data fetching, the component patterns that play well with Svelte’s reactivity, and the tradeoffs between using Threlte and dropping down to raw Three.js. By the end students have a deployable portfolio that looks unlike any template, and they understand why the architecture was shaped the way it was.