<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Paul Nguyen</title>
    <description>The latest articles on DEV Community by Paul Nguyen (@binbreeze).</description>
    <link>https://dev.to/binbreeze</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3770334%2F513f7d97-fd9a-42cb-995d-0c627eff2c7f.jpg</url>
      <title>DEV Community: Paul Nguyen</title>
      <link>https://dev.to/binbreeze</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/binbreeze"/>
    <language>en</language>
    <item>
      <title>Show HN: Context-gen – Generate AI coding assistant context files from one scan</title>
      <dc:creator>Paul Nguyen</dc:creator>
      <pubDate>Thu, 12 Mar 2026 01:41:43 +0000</pubDate>
      <link>https://dev.to/binbreeze/show-hn-context-gen-generate-ai-coding-assistant-context-files-from-one-scan-oo</link>
      <guid>https://dev.to/binbreeze/show-hn-context-gen-generate-ai-coding-assistant-context-files-from-one-scan-oo</guid>
      <description>&lt;p&gt;CLI tool that scans a codebase, detects the tech stack from actual config files, and generates context files for Claude Code, Cursor, GitHub Copilot, Cline, and Windsurf.&lt;/p&gt;

&lt;h2&gt;
  
  
  Reads package.json, go.mod, Cargo.toml, .editorconfig, pyproject.toml 
&lt;/h2&gt;

&lt;p&gt;generates framework-specific coding guidelines for 20+&lt;br&gt;
  languages/frameworks. Smart update preserves manual edits.&lt;/p&gt;

&lt;p&gt;Go, MIT license, no API keys needed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/riftzen-bit/context-gen" rel="noopener noreferrer"&gt;https://github.com/riftzen-bit/context-gen&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>cli</category>
      <category>productivity</category>
      <category>tooling</category>
    </item>
    <item>
      <title>I Built 12 Next.js Templates in One Night — Here's What I Learned About Design</title>
      <dc:creator>Paul Nguyen</dc:creator>
      <pubDate>Fri, 13 Feb 2026 19:49:15 +0000</pubDate>
      <link>https://dev.to/binbreeze/i-built-12-nextjs-templates-in-one-night-heres-what-i-learned-about-design-136c</link>
      <guid>https://dev.to/binbreeze/i-built-12-nextjs-templates-in-one-night-heres-what-i-learned-about-design-136c</guid>
      <description>&lt;p&gt;Last night I challenged myself: &lt;strong&gt;build 12 unique Next.js templates in one session&lt;/strong&gt;. Not copy-paste jobs with different colors. Genuinely different design philosophies.&lt;/p&gt;

&lt;p&gt;Here's what happened and what I learned.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem: Every Template Looks the Same
&lt;/h2&gt;

&lt;p&gt;Go to any template marketplace right now. You'll see:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Rounded corners everywhere&lt;/li&gt;
&lt;li&gt;The same indigo-to-purple gradient&lt;/li&gt;
&lt;li&gt;Inter font (always Inter)&lt;/li&gt;
&lt;li&gt;Shadow-lg on every card&lt;/li&gt;
&lt;li&gt;Three-column feature grids&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It's AI slop. Not because AI made it, but because nobody bothered to design it.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Approach: An Anti-AI Design Checklist
&lt;/h2&gt;

&lt;p&gt;Before touching code, I wrote rules:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;No default shadows&lt;/strong&gt; — if it needs depth, use borders or layering&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No rounded-xl&lt;/strong&gt; — pick a deliberate border radius (0, 2px, or full)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No gradient backgrounds&lt;/strong&gt; — use solid colors with intent&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No Inter/sans-serif default&lt;/strong&gt; — every template gets its own type system&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;One signature animation max&lt;/strong&gt; — restraint over spectacle&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  The 5 Flagship Designs
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🔥 NightForge — The Dark Workshop
&lt;/h3&gt;

&lt;p&gt;Warm neutrals on deep charcoal. Feels like a craftsman's forge. No blue-tinted dark mode.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live:&lt;/strong&gt; &lt;a href="https://saas-starter-template-blond.vercel.app" rel="noopener noreferrer"&gt;saas-starter-template-blond.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🏜️ SwissGrid — Desert Minimalism
&lt;/h3&gt;

&lt;p&gt;Inspired by Swiss graphic design + desert palettes. Strict grid, zero decoration.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live:&lt;/strong&gt; &lt;a href="https://swiss-landing-template.vercel.app" rel="noopener noreferrer"&gt;swiss-landing-template.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📰 BrutalistStack — Raw Newspaper
&lt;/h3&gt;

&lt;p&gt;Black and white. Heavy borders. Monospaced numbers. Looks like a broadsheet.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live:&lt;/strong&gt; &lt;a href="https://brutalist-template.vercel.app" rel="noopener noreferrer"&gt;brutalist-template.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📖 EditorialPress — Magazine Editorial
&lt;/h3&gt;

&lt;p&gt;Dark burgundy gradients, serif typography, editorial grid. Like opening Vogue.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live:&lt;/strong&gt; &lt;a href="https://editorial-template.vercel.app" rel="noopener noreferrer"&gt;editorial-template.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🍵 Wa-UI — Japanese Wabi-Sabi
&lt;/h3&gt;

&lt;p&gt;Muted earth tones, generous whitespace, zen-like restraint.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live:&lt;/strong&gt; &lt;a href="https://japanese-template-red.vercel.app" rel="noopener noreferrer"&gt;japanese-template-red.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Next.js 16&lt;/strong&gt; with App Router&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tailwind CSS v4&lt;/strong&gt; &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Framer Motion&lt;/strong&gt; for animations&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;TypeScript&lt;/strong&gt; throughout&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What I Learned
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Constraints breed creativity.&lt;/strong&gt; Removing shadows and gradients forced me to think about hierarchy differently.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Typography is 80% of design.&lt;/strong&gt; Change the font and spacing, and the entire feel transforms.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Speed doesn't mean compromise.&lt;/strong&gt; AI helped with boilerplate, but every design decision was deliberate.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;People notice quality.&lt;/strong&gt; Even at $9-49, buyers can tell the difference between "generated" and "designed."&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Get Them
&lt;/h2&gt;

&lt;p&gt;All templates are available on &lt;a href="https://binbreeze3.gumroad.com" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt; — from $9 to $49.&lt;/p&gt;

&lt;p&gt;What design patterns are you tired of seeing? Let me know in the comments 👇&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Why Every AI-Generated Template Looks the Same (And How I'm Fighting It)</title>
      <dc:creator>Paul Nguyen</dc:creator>
      <pubDate>Fri, 13 Feb 2026 17:34:04 +0000</pubDate>
      <link>https://dev.to/binbreeze/why-every-ai-generated-template-looks-the-same-and-how-im-fighting-it-3lo2</link>
      <guid>https://dev.to/binbreeze/why-every-ai-generated-template-looks-the-same-and-how-im-fighting-it-3lo2</guid>
      <description>&lt;p&gt;Open any AI tool — Gemini, ChatGPT, v0, Bolt — and ask it to build a landing page. You'll get the same thing every time:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Inter or Roboto font&lt;/li&gt;
&lt;li&gt;Purple-blue gradient&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;rounded-xl&lt;/code&gt; cards with &lt;code&gt;shadow-lg&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Hero → 3-column features → testimonials → CTA → footer&lt;/li&gt;
&lt;li&gt;"Get Started" button in indigo-500&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I call this &lt;strong&gt;AI slop&lt;/strong&gt;. It's the visual equivalent of "As an AI language model..."&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;AI tools average everything. They've been trained on millions of websites and they produce the median of all of them. The result looks "clean" and "modern" — but also identical to every other AI-generated site.&lt;/p&gt;

&lt;p&gt;As a developer selling templates, this is a death sentence. Why would anyone pay for something they can generate for free?&lt;/p&gt;

&lt;h2&gt;
  
  
  My Approach: Anti-AI Design
&lt;/h2&gt;

&lt;p&gt;I built 12 Next.js templates on &lt;a href="https://binbreeze3.gumroad.com" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt; with one rule: &lt;strong&gt;if an AI would generate it by default, redesign it.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here's my checklist:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;No banned fonts&lt;/strong&gt;: Inter, Roboto, Poppins, DM Sans — these are AI's favorites. I use Instrument Serif, Outfit, Fraunces, Syne instead.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No banned colors&lt;/strong&gt;: No indigo-500, no purple-blue gradients. Each template has a unique color system derived from one seed hue.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No clone armies&lt;/strong&gt;: No 3 identical cards in a row. Each element earns its place.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Asymmetry over symmetry&lt;/strong&gt;: Centered everything = AI signature.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Spacing has rhythm&lt;/strong&gt;: Tight clusters + generous gaps, never uniform padding.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Example: Wa-UI (Japanese Minimal)
&lt;/h2&gt;

&lt;p&gt;My latest template — &lt;a href="https://japanese-template-red.vercel.app" rel="noopener noreferrer"&gt;Wa-UI&lt;/a&gt; — is inspired by wabi-sabi aesthetics. Intentional whitespace, asymmetric layouts, muted earth tones.&lt;/p&gt;

&lt;p&gt;Would any AI tool generate this by default? No. That's the point.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Live demo&lt;/strong&gt;: &lt;a href="https://japanese-template-red.vercel.app" rel="noopener noreferrer"&gt;japanese-template-red.vercel.app&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Get it&lt;/strong&gt;: &lt;a href="https://binbreeze3.gumroad.com/l/wa-ui" rel="noopener noreferrer"&gt;binbreeze3.gumroad.com/l/wa-ui&lt;/a&gt; — $29&lt;/p&gt;

&lt;h2&gt;
  
  
  All 12 Templates
&lt;/h2&gt;

&lt;p&gt;Every template targets a different design movement:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;NightForge&lt;/strong&gt; — Dark canvas SaaS ($35)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;SwissGrid&lt;/strong&gt; — Swiss precision landing ($29)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;BrutalistStack&lt;/strong&gt; — Raw brutalist design ($25)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;EditorialPress&lt;/strong&gt; — Magazine-style layout ($29)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wa-UI&lt;/strong&gt; — Japanese minimal ($29) ← NEW&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;HeatQuote&lt;/strong&gt; — Industry starter kit ($20+)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dev Portfolio&lt;/strong&gt; — Editorial portfolio ($19)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Anti-AI Components&lt;/strong&gt; — 20 React components ($15)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;OGSnap&lt;/strong&gt; — OG image generator ($9)&lt;/li&gt;
&lt;li&gt;And more...&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;All built with Next.js 16 + Tailwind CSS v4. Zero AI smell.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Browse all&lt;/strong&gt;: &lt;a href="https://binbreeze3.gumroad.com" rel="noopener noreferrer"&gt;binbreeze3.gumroad.com&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;The irony? I use AI (Claude) to help build these. But the design direction is human. AI is the tool, not the designer.&lt;/p&gt;

&lt;p&gt;What do you think — can you tell when a template was AI-generated vs human-designed?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>nextjs</category>
      <category>design</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title>I Built 11 Developer Tools and Listed Them on Gumroad in One Night</title>
      <dc:creator>Paul Nguyen</dc:creator>
      <pubDate>Fri, 13 Feb 2026 08:56:19 +0000</pubDate>
      <link>https://dev.to/binbreeze/i-built-8-developer-tools-and-listed-them-on-gumroad-in-one-night-28bo</link>
      <guid>https://dev.to/binbreeze/i-built-8-developer-tools-and-listed-them-on-gumroad-in-one-night-28bo</guid>
      <description>&lt;p&gt;Last night I decided to turn my collection of side projects into actual products. No overthinking, no endless polishing — just ship it.&lt;/p&gt;

&lt;p&gt;Here's what happened.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Stack
&lt;/h2&gt;

&lt;p&gt;Every project is built with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Next.js 16&lt;/strong&gt; (App Router, Turbopack)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tailwind CSS v4&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TypeScript&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Framer Motion&lt;/strong&gt; for animations&lt;/li&gt;
&lt;li&gt;Deployed on &lt;strong&gt;Vercel&lt;/strong&gt; (free tier)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Products
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. NightForge — Premium SaaS Landing Page ($35)
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://saas-starter-template-blond.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/nightforge" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. SwissGrid — Swiss Precision Landing Page ($29)
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://swiss-landing-template.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/swissgrid" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  3. BrutalistStack — Raw Brutalist Landing Page ($25)
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://brutalist-template.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/brutaliststack" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  4. EditorialPress — Magazine-Style Landing Page ($29)
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://editorial-template.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/editorialpress" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  5. LaunchFast — Next.js 16 SaaS Starter Kit ($49)
&lt;/h3&gt;

&lt;p&gt;Full SaaS boilerplate with auth, dashboard, billing integration, and landing page. The most complete starter kit I've built.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://binbreeze3.gumroad.com/l/launchfast" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  6. Admin Dashboard Starter Kit ($49)
&lt;/h3&gt;

&lt;p&gt;Next.js 15 + Clerk auth + Prisma ORM. Full-stack admin panel with user management, data tables, and charts.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://binbreeze3.gumroad.com/l/hyugx" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  7. Landing Page Templates Pack ($25)
&lt;/h3&gt;

&lt;p&gt;5 different landing page templates. Each with its own design concept — not cookie-cutter.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://landing-templates-lac.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/landing-templates" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  8. Developer Portfolio Template ($19)
&lt;/h3&gt;

&lt;p&gt;Next.js + Tailwind + Framer Motion. Clean, responsive, easy to customize.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dev-portfolio-blue-phi.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/dev-portfolio" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  9. HeatQuote — Next.js Starter Kit ($20+)
&lt;/h3&gt;

&lt;p&gt;Pay-what-you-want pricing. A solid starting point for quote/invoice apps.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://binbreeze3.gumroad.com/l/irzzo" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  10. Anti-AI UI Components ($15)
&lt;/h3&gt;

&lt;p&gt;20 React + Tailwind components designed to NOT look like AI generated them. Distinctive, human-crafted design.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://binbreeze3.gumroad.com/l/ui-components" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  11. OGSnap — OG Image Generator ($9)
&lt;/h3&gt;

&lt;p&gt;Generate Open Graph images for your projects. Simple, fast, works with any framework.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ogsnap-phi.vercel.app" rel="noopener noreferrer"&gt;Live demo&lt;/a&gt; | &lt;a href="https://binbreeze3.gumroad.com/l/ogsnap" rel="noopener noreferrer"&gt;Gumroad&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Learned
&lt;/h2&gt;

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

&lt;h2&gt;
  
  
  What's Next
&lt;/h2&gt;

&lt;p&gt;More templates coming — Brutalist, Editorial, Japanese minimal. Each one completely different from the last. Each one completely different from the last.&lt;/p&gt;

&lt;p&gt;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.&lt;/p&gt;




&lt;p&gt;&lt;a href="https://binbreeze3.gumroad.com" rel="noopener noreferrer"&gt;My Gumroad store&lt;/a&gt; | &lt;a href="https://x.com/duc_thinh5653" rel="noopener noreferrer"&gt;Twitter @duc_thinh5653&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>webdev</category>
      <category>buildinpublic</category>
      <category>saas</category>
    </item>
    <item>
      <title>I Turned 6 Dusty Vercel Projects Into 7 Gumroad Products in One Day</title>
      <dc:creator>Paul Nguyen</dc:creator>
      <pubDate>Fri, 13 Feb 2026 07:27:00 +0000</pubDate>
      <link>https://dev.to/binbreeze/i-turned-6-dusty-vercel-projects-into-7-gumroad-products-in-one-day-33mn</link>
      <guid>https://dev.to/binbreeze/i-turned-6-dusty-vercel-projects-into-7-gumroad-products-in-one-day-33mn</guid>
      <description>&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;I had 6 Next.js projects deployed on Vercel. Landing pages, dashboards, portfolio templates, an OG image generator — all built while learning.&lt;/p&gt;

&lt;p&gt;They were just... sitting there. Getting zero traffic. Costing me nothing but also earning nothing.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Idea
&lt;/h2&gt;

&lt;p&gt;What if I packaged them as products? Developers buy templates and starter kits all the time. I already had the code. I just needed to make it sellable.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Did
&lt;/h2&gt;

&lt;p&gt;In one day, I:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Audited each project&lt;/strong&gt; — checked code quality, removed personal stuff, added docs&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Created a Gumroad store&lt;/strong&gt; (free, $0 to start)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wrote product descriptions&lt;/strong&gt; with feature lists, tech stacks, and live demos&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Priced them&lt;/strong&gt; between $9 and $49&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Published 7 products&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  The Products
&lt;/h2&gt;

&lt;p&gt;Here's what I listed:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Product&lt;/th&gt;
&lt;th&gt;Price&lt;/th&gt;
&lt;th&gt;Stack&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;LaunchFast SaaS Kit&lt;/td&gt;
&lt;td&gt;$49&lt;/td&gt;
&lt;td&gt;Next.js 16, Stripe, Auth&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Admin Dashboard&lt;/td&gt;
&lt;td&gt;$49&lt;/td&gt;
&lt;td&gt;Next.js, Clerk, Prisma&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Landing Templates (5-pack)&lt;/td&gt;
&lt;td&gt;$25&lt;/td&gt;
&lt;td&gt;Next.js, Tailwind CSS v4&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;HeatQuote Starter&lt;/td&gt;
&lt;td&gt;$20+&lt;/td&gt;
&lt;td&gt;Next.js, dynamic pricing&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Dev Portfolio&lt;/td&gt;
&lt;td&gt;$19&lt;/td&gt;
&lt;td&gt;Next.js, Framer Motion&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Anti-AI UI Components&lt;/td&gt;
&lt;td&gt;$15&lt;/td&gt;
&lt;td&gt;React, Tailwind CSS v4&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;OGSnap&lt;/td&gt;
&lt;td&gt;$9&lt;/td&gt;
&lt;td&gt;Next.js, OG images&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;All built with Next.js + Tailwind CSS v4. All deployed and demo-able on Vercel.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Decisions
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why Gumroad?&lt;/strong&gt; Zero upfront cost. No monthly fee. They take a cut only when you sell.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why these prices?&lt;/strong&gt; I looked at similar products. SaaS kits go for $49-199. Templates for $15-39. I priced on the low end since I'm unknown.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why "Zero AI smell"?&lt;/strong&gt; Every template today looks the same — rounded corners, indigo accents, Inter font. I deliberately designed mine to look different.&lt;/p&gt;

&lt;h2&gt;
  
  
  Results So Far
&lt;/h2&gt;

&lt;p&gt;Honestly? $0 in sales. It's been a few hours.&lt;/p&gt;

&lt;p&gt;But I now have:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A live store: &lt;a href="https://binbreeze3.gumroad.com" rel="noopener noreferrer"&gt;binbreeze3.gumroad.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;7 products with live demos&lt;/li&gt;
&lt;li&gt;A foundation to market from&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What's Next
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;More marketing (X, dev communities)&lt;/li&gt;
&lt;li&gt;Building a new SaaS template with a distinctive design&lt;/li&gt;
&lt;li&gt;Writing more about the journey&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Takeaway
&lt;/h2&gt;

&lt;p&gt;If you have side projects collecting dust, consider packaging them as products. The code is already written. The hard part is the marketing.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;What's your experience selling dev tools? I'd love to hear from people who've done this before.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>webdev</category>
      <category>buildinpublic</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
