← projects / portfolio
WEB APP · 2026

This portfolio

You're looking at it. Next.js 15, raw CSS variables, functional Cmd+K palette across every page.

clientself
roledesign (via Claude Design), eng
statuslive · hellosverre.com
stacktypescript · next · react
year2026
app/layout.tsx
// ⌘K from any page
<ThemeScript />
<ThemeProvider>
<CmdKProvider>
<TopNav /> <main>{children}</main>
<CmdK />
</CmdKProvider>
01 — WHY IT EXISTS
Somewhere to put the work.

Open-source repos are good but they don't scale as a story. This site is one place to point at — projects, what's shipped, how to reach me — built in the same spirit as the rest of my work: small, fast, no framework bloat.

02 — HOW IT'S BUILT
Next.js 15, raw CSS variables, no Tailwind.

App Router, server components by default, CSS Modules per component, one globals.css for the token system. Inter Tight + JetBrains Mono via next/font. Theme is set by a blocking inline script before paint so dark/light never flashes.

// app/layout.tsx
<ThemeScript />
<ThemeProvider>
  <CmdKProvider>
    <TopNav /> <main>{children}</main>
    <CmdK />        // ⌘K from anywhere
  </CmdKProvider>
</ThemeProvider>
03 — THE SIGNATURE PIECE
Cmd+K, real, everywhere.

Press ⌘K (or Ctrl+K) anywhere on the site. Real fuzzy search across every page and project, full keyboard nav (↑↓ ↵ Esc), theme toggle as a command, easter eggs for free. The five states from the design map to actual runtime states, not visual mocks.

AT A GLANCE
13
static pages
0
client deps
⌘K
everywhere
← previous · discord ts template