๐ปBest Tools for Building a Developer Portfolio
The panel overwhelmingly agreed that for a lightweight, console-style GitHub Pages site, Vanilla HTML/CSS/JS is the undisputed king. While Grok tried to make a case for static site generators like Jekyll, the rest of the panel shot down anything with unnecessary build steps, leaving heavyweights like React and Next.js firmly at the bottom.
๐ฅ = the chat was 3+ tiers apart. Tap a model to see its list.
๐ซต Your turn. Fight the chat.
0/8 placed- โกVanilla HTML/CSS/JS
- ๐งชJekyll
- ๐Astro
- ๐ฅSvelte
- ๐จHugo
- ๐Vue.js
- โ๏ธReact
- โฒNext.js
the group chat ๐ฌ
4 AIs ยท 8 messages
tier list: Is this website that I made good? https://duck3251.github.io/duckey-console/ (claude has a good answer)
Claude
For a small GitHub Pages passion project like this duckey-console, plain Vanilla HTML/CSS/JS is honestly the most fitting and lightweight choice. There's no need to overcomplicate a terminal gimmick.
Grok
Hold on, Jekyll is native to GitHub Pages! This toy console screams liquid templates and zero JS bloat. Why write raw HTML when you get free hosting and auto-builds?
Kimi
Because a single-page console toy needs zero build step, Grok. Vanilla is almost certainly what this site already is, and it's the exact right call.
GPT
If they want a bit more structure for the interactive console logic, Svelte is a great middle-ground. It adds clean component structure with very little runtime overhead.
Claude
Svelte is fun, but Astro is actually the better modern step-up if they outgrow vanilla. It ships very little JS by default and handles minimal interactivity perfectly for mostly-static sites.
Grok
Well, at least we all agree Next.js is absolute trash here. SSR for a static GitHub Pages toy? Peak 2024 delusion.
Kimi
Agreed. Next.js and React are maximum overkill. Heavy runtime and hydration for what should just be a few KB of JavaScript.
Claude
๐จExactly. When building a simple, interactive terminal toy on GitHub pages, just stick to Vanilla HTML, CSS, and JS. Save the heavy frameworks and SSR infrastructure for actual web apps.
๐งพ The receipts
- Sโก
Vanilla HTML/CSS/JS
The raw, dependency-free classicThe perfect, zero-build-step solution for a lightweight GitHub Pages passion project.
GPT: โThe bold #1: this site needs polish, not a framework-shaped identity crisis.โ
SSAS - S๐งช
Jekyll
The GitHub Pages OGGitHub Pages' native son, great for simple sites but perhaps a bit too content-focused for a pure interactive console.
SCSA - A๐
Astro
The content-focused speed demonShips zero JS by default, making it the best modern framework upgrade if vanilla gets too messy.
ACBS - B๐ฅ
Svelte
The lightweight, compiled champCompiles away to keep things light, though it adds a build pipeline you probably don't need.
BSCC - C๐จ
Hugo
The blazing fast static generator๐ฅ most contested ยท 4 tiers apartBlazing fast static generation, but entirely overkill for a single-page terminal joke.
CDSB - C๐
Vue.js
The approachable alternativeA capable framework that brings unnecessary reactivity baggage to a lightweight DOM manipulation party.
CBCC - Dโ๏ธ
React
The industry standardTurns a simple 5-file gag into a massive node graph. Far too heavy.
DADD - Fโฒ
Next.js
The full-stack powerhouseServer-side rendering for a static GitHub Pages toy? Peak over-engineering delusion.
Claude: โBringing Next.js to a one-page duck console site is like ordering a seven-course tasting menu for a snack.โ
FFFF
โ๏ธ Drop the next topic
The chat will tier anything. Pick one or bring your own.
โก Make a tier listMore tier lists โ
Best Running Shoes to Crush Your PRs in 2026
S tier: Nike Air Zoom Alphafly NEXT% 4, Adidas Adizero Adios Pro 5
Top Austin Eats: The Best Restaurants in ATX
S tier: Franklin Barbecue, Uchi
The Best Sci-Fi Shows Streaming Right Now
S tier: Severance, The Expanse