DEV Community

Paul Nguyen
Paul Nguyen

Posted on

I Built 11 Developer Tools and Listed Them on Gumroad in One Night

#nextjs #webdev #buildinpublic #saas

Last night I decided to turn my collection of side projects into actual products. No overthinking, no endless polishing — just ship it.

Here's what happened.

The Stack

Every project is built with:

  • Next.js 16 (App Router, Turbopack)
  • Tailwind CSS v4
  • TypeScript
  • Framer Motion for animations
  • Deployed on Vercel (free tier)

The Products

1. NightForge — Premium SaaS Landing Page ($35)

My newest one. Design concept: "Night Terminal" — copper accents on dark charcoal, Swiss typography (Instrument Serif + Outfit + JetBrains Mono). 11 handcrafted components, dark/light mode, one config file for all content.

Live demo | Gumroad

2. SwissGrid — Swiss Precision Landing Page ($29)

Inspired by Swiss Precision design. Mathematical grid, two-color palette (black + signal red), bold type-only hero, zero decoration. 10 components, dark/light mode, Vercel-ready.

Live demo | Gumroad

3. BrutalistStack — Raw Brutalist Landing Page ($25)

The anti-template template. Monospace-only typography (JetBrains Mono + Space Mono), electric lime (#CCFF00) on pure black, ASCII art dividers, zero rounded corners, harsh borders, exposed structure.

Live demo | Gumroad

4. EditorialPress — Magazine-Style Landing Page ($29)

Editorial/magazine design: serif headlines (Playfair Display), pull quotes with oversized quotation marks, multi-column layouts, ornamental dividers. Warm palette: cream + charcoal + burgundy. "Vol. 01" section labels.

Live demo | Gumroad

5. LaunchFast — Next.js 16 SaaS Starter Kit ($49)

Full SaaS boilerplate with auth, dashboard, billing integration, and landing page. The most complete starter kit I've built.

Gumroad

6. Admin Dashboard Starter Kit ($49)

Next.js 15 + Clerk auth + Prisma ORM. Full-stack admin panel with user management, data tables, and charts.

Gumroad

7. Landing Page Templates Pack ($25)

5 different landing page templates. Each with its own design concept — not cookie-cutter.

Live demo | Gumroad

8. Developer Portfolio Template ($19)

Next.js + Tailwind + Framer Motion. Clean, responsive, easy to customize.

Live demo | Gumroad

9. HeatQuote — Next.js Starter Kit ($20+)

Pay-what-you-want pricing. A solid starting point for quote/invoice apps.

Gumroad

10. Anti-AI UI Components ($15)

20 React + Tailwind components designed to NOT look like AI generated them. Distinctive, human-crafted design.

Gumroad

11. OGSnap — OG Image Generator ($9)

Generate Open Graph images for your projects. Simple, fast, works with any framework.

Live demo | Gumroad

What I Learned

  1. Ship first, polish later. Half of these were sitting in my ~/Projects folder for months. Now they're products.
  2. Anti-AI design sells. Everyone's templates look the same because they're all generated by AI. Standing out is a competitive advantage.
  3. One config file pattern is gold. NightForge has a single config.ts file where you change all the text. Buyers love this.
  4. Gumroad is zero friction. No upfront cost, no approval process. Just list and go.

What's Next

More templates coming — Brutalist, Editorial, Japanese minimal. Each one completely different from the last. Each one completely different from the last.

If you're sitting on side projects, just list them. The worst that happens is nothing. The best? You make some money while you sleep.

My Gumroad store | Twitter @duc_thinh5653

Top comments (0)