logo

Developer Productivity Tool

Dev×Spin

A random tech topic generator for developers who want an idea for their next blog post.

Type

Developer Productivity Tool

Timeline

Independent project

Focus

Product engineering

Dev×Spin topic generator interface

Overview

DevSpin gives you a random tech topic, challenges you to think about what you know, and encourages you to write about it. It is a simple way to build a daily habit of learning and blogging.

Topics cover frontend, backend, databases, infrastructure, testing, AI, and systems design. There is no login, history, or tracking—just a topic when you need one.

Technical Details

  • Next.js: App Router and Server Actions.
  • PostgreSQL: Stores the topic bank via Neon.
  • Drizzle: Defines the schema and handles database queries.
  • Tailwind CSS: Styles the interface.
  • TypeScript: Used across the project.

Data Flow

01

Topics are stored in PostgreSQL.

02

The user clicks Spin.

03

A Server Action picks a random topic from the database.

04

The topic card displays the topic and its category.

Features & Functionality

  • Random Topic Generator: Gets one random topic from the full topic bank.
  • Curated Topic Bank: Combines technologies and concepts from matching domains.
  • Standalone Topics: Includes systems-design topics such as CAP Theorem and OAuth 2.0.
  • No Account Needed: Works without login or saved history.

Performance Optimizations

Single Query

Each spin only needs one random topic from the database.

Server Actions

Topic selection happens on the server without a separate API route.

Small Interface

The page only renders the current topic and the spin action.

No Extra Services

There are no accounts, analytics, or feeds to load.

Development Process

  1. 1

    Started with a simple question: what should I write about today?

  2. 2

    Created a topic bank from technologies, concepts, and standalone systems-design ideas.

  3. 3

    Added domain tags so technologies and concepts are only paired when they fit together.

  4. 4

    Connected the topic bank to a simple spin action and kept the interface minimal.

Challenges

Useful Randomness

The topic needs to be surprising without being irrelevant.

Matching Domains

Technologies and concepts are paired only when their domain tags match.

Keeping It Simple

The app avoids accounts and extra screens so a topic is always one click away.

Deployment

  • Vercel: The live app is deployed on Vercel.
  • Neon: PostgreSQL is hosted through Neon.

Future Improvements

More Topics

Keep growing the curated topic bank.

Topic Filters

Let users focus on a category when they want to.

Shareable Topics

Make it easy to share a good prompt with another developer.

Lessons Learned

  • Good Data Matters: The quality of the topic bank shapes the usefulness of every spin.
  • Constraints Help: Matching domains prevents random combinations from becoming meaningless.
  • Small Tools Can Be Useful: A focused app can help build a habit without needing many features.

Final Thoughts

DevSpin is a small tool for getting unstuck. Spin a topic, learn something, and write about it.