DevIdiot! - Developer News & Resources

I Published 10 Free MCP Servers for Japanese Data (Prices, Sweepstakes, Fuel, TCG) — Here's the Full List

If you build AI agents that need real Japanese data, you've probably hit the same wall I did: Japanese e-commerce, price indices, government datasets, and local marketplaces are scattered across sites with no clean API. So over the past few months I built and published 10 MCP (Model Context Protocol) servers that wrap these sources into tools any MCP client (Claude Desktop, Cursor, Cline, etc.) can call directly. All are free to connect, and the source is on GitHub. The listServerWhat it gi

A runtime image without the dev tools

vx prune copies one app and the workspace packages it needs, with thelockfile cut to match. It follows every dependency, dev ones included,because the build needs them. The image that only runs the built app doesnot.$ vx prune app --docker --productionvx prune: 2 projects → out (json/ + full/) (production), bun.lock pruned app (packages/app) lib (packages/lib)test-utils stays behind. The copied package.json files and the lockfileno longer name it, so the copy installs with a frozen lockfile un

The reference, offline

An agent in a sandbox often cannot reach the docs site. Now thereference travels with vx: vx docs <query> searches it on disk.$ vx docs frozen lock --limit 1── cli.md § vx lock · https://vznjs.github.io/vx/cli/#vx-lock…It reads seven pages that ship in the npm package and the compiledbinary: cli, schema, caching, execution, patterns, securityand features. A section matches when it holds every word of thequery, and a word in its heading ranks it first. The best three printwhole; --limit cha

From npm scripts or Vite Task

The Turbo and Nx paths have theirown posts. Two more starting points convert just as directly: plainpackage.json scripts and Vite Task. npm scripts, hooks includednpm runs prebuild before build and postbuild after it, withoutbeing asked. Copying the scripts one to one would lose that. Sovx init folds the hooks into the task's command, in npm's order, andsays so:$ cat packages/app/package.json{"name":"app","scripts":{"prebuild":"rimraf dist","build":"tsc","postbuild":"node scripts/copy.js"}}

Matching cycles, not pairs: the graph problem behind a B2B matching network

I am building ProductBay (productbay.io), a verified B2B matching network where companies buy each other's software and services, so software spend brings paying customers back. Under the business idea sits a nice little graph problem, and I want to walk through it because the obvious approach (match pairs) mostly does not work. The naive model: pairsEvery company in the network publishes two lists: what it sells and what it needs. The naive idea is to look for pairs: company A needs what B

Guard rails that tell you the fix

A refusal is only useful if it says what to do next. Each guard in thispost stops something real, and each one ends with the fix. The sandbox names what to grantA sandboxed task that writes outside its grants fails, and vx sayswhere it tried to write and which grant would allow it:$ vx run @demo/api#gen┌─ @demo/api#gen > $ mkdir -p dist && echo ok > dist/out.js && echo x > ../shared.txt/usr/bin/sh: 1: cannot create ../shared.txt: Read-only file systemvx: the sandbox

Product Listing Using HTML,CSS, And JavaScript.

I created a Product Listing Page using HTML, CSS, and JavaScript. *Features: Product images and prices Product categories Add to Cart buttons CSS Grid layout This project helped me improve my front-end development skills and learn more about JavaScript. Looking forward to building more projects.

A scheduler that learns from your runs

The core scheduler orders tasks by the shape of the graph: a task thatmany others wait on goes first. That is a good guess with no data. Aftera few runs there is data, and @vzn/vx-schedule-history uses it. Turn it on// vx.workspace.tsimport { defineWorkspace } from '@vzn/vx/config'import { scheduleHistoryPlugin } from '@vzn/vx-schedule-history'export default defineWorkspace({ plugins: [scheduleHistoryPlugin()] })It reads the last 20 runs from the cache's own database, once per run.A broken

Why a short prompt can cost more than a long one

Say a model charges $2 per million input tokens and $10 per million output tokens. Now compare two requests:Input tokensOutput tokensCostShort question, long answer1,0002,000$0.022Long question, short answer3,000100$0.007The "small" prompt costs about three times more. Output tokens are the expensive half, and reply length is the number I kept forgetting to account for.I wanted to see that math before sending anything, so I built PromptCost: a free calculator that shows token count and estimated

The basics, done carefully

Small things decide whether a tool feels solid: what a bare commanddoes, what happens in a pipe, and how the CI log reads. Here is how vxhandles each. Run what you mean$ cd packages/web && vx run build # the project you stand in┌─ @demo/web#build > $ mkdir -p dist && sleep 0.3 && cp src/index.ts dist/index.js└─ @demo/web#build ── (1ms) up-to-date$ vx run build --all # every project that declares build$ vx run @demo/api#test # one task,

Best Platform to Buy LinkedIn Accounts Trusted Choice

Best Platform to Buy LinkedIn Accounts Trusted ChoiceBest Platform to Buy LinkedIn Accounts Trusted ChoiceTalk to Here And Get Excellent Service✔️TG : @ownseoit✔️WA : +1 (530) 563-6354✔️GM : [email protected] networking has become an important part of modern communication, recruitment, business development, and career growth. Among the most widely recognized professional networking services, LinkedIn provides users with tools for building professional identities, connecting with col

React Router DOM in React

React Router DOM:React Router DOM is a library used in React applications to navigate between different pages or views without reloading the entire webpage.In a traditional website, clicking a link may load a completely new HTML page from the server. In a React single-page application (SPA), React Router DOM allows us to display different components based on the URL.For example, an e-commerce website may contain:/ — Home page/products — Products page/cart — Cart page/login — Login pageReac

Fastest Chart Libraries Compatible with React & Angular in 2026

Picking Chart libraries compatible with React and Angular can be a make-or-break moment for your project. The sheer mountain of data we shove into browsers can quickly snowball, and if your rendering engine chokes, your whole application feels broken. Perhaps that’s why you’re researching your options for the fastest chart libraries. As well as the fastest, you're likely also looking for the most reliable solution – one that keeps rendering even when throwing in extra layers of interaction, beha

React Financial Charts: Building a High-Performance Trading App with SciChart.js

Building professional React financial charts is about much more than putting a candlestick chart on a screen. Whether you're building a crypto exchange, a stock trading app or an institutional terminal, you need to handle large historical datasets, real-time updates, technical indicators, drawing tools and synchronized chart panes, all without the UI slowing down.That is exactly what we wanted to explore with SciTrader.SciTrader is a high-performance financial charting and trading application th

Scroll-scrubbed video that stays smooth with any video file

A video that moves with the page is one of the nicer effects on the web. A product turns as you scroll, or a scene plays out at the reader's pace. It looks like a few lines of JavaScript, and with the right file it is. With a video exported straight from an editor, the same few lines stutter, and scrolling backwards is worse. This article explains where that stutter comes from, what the usual fixes cost, and the approach I ended up building into a small library, vidscroll, so that any video file

I built a Remotion kit that renders vertical shorts from a single content file

Faceless short-form channels live or die on volume — you have to ship daily. But every tool in that space wants a subscription, a timeline editor, or an API key you babysit.So I built a kit that turns a small TypeScript content file into a finished vertical MP4, using Remotion — React, but the output is a video file. The promo above is one continuous 3D camera shot — pure CSS transforms, no WebGL. The workflowOne file = one video:// src/content/my-quote.tsexport const props: QuoteV

citdir.com: A fast, zero-bloat Italian tech resource for developers

Hey everyone, I built citdir.com out of the practical need for a fast, unified Italian resource to find and filter web development tools without the usual marketing fluff.It’s built on a high-performance Jamstack and Edge architecture (Cloudflare Pages + React) to keep load times instant and data fully structured. No heavy databases, no bloat—just clean resource discovery. Check it out and let me know your thoughts!

I made a JSON to Excel tool with no backend: your data stays in your browser

I kept getting JSON from APIs that I needed to look at as a table or send to someone who only uses Excel.The obvious fix is one of the many online JSON-to-Excel converters. But most of them send what you paste to their server, and I didn't love doing that with real data. So I made my own: jsoncsvvisualizer.com.It does two things. You can paste JSON or CSV and see it as a table, then download it as .xlsx. And there's a JSON formatter that also fixes broken JSON and tells you where it was broken.I

GoSumo Makes WhatsApp Optional with Native wa.me Links

The Problem: WhatsApp Business API Friction for Small TeamsIndian SMBs running lean operations often hit a wall when trying to add WhatsApp to their client management stack. The official WhatsApp Business API requires Meta Business verification, template approval workflows, and ongoing infrastructure costs — overhead that many small teams can't justify just to reply to customer inquiries. For businesses already juggling Instagram DMs, SMS, email, and web chat, adding another complex integr

How I Build Fast, SEO-Friendly Websites with Next.js

Building with Next.js is easy. Building something fast, scalable, and SEO-friendly takes a bit more thought. I’ve been refining the way I approach Next.js projects, from project structure and performance to SEO and deployment. In this post, I’m sharing the practical workflow I use and the small decisions that make the biggest difference. I'd love to know how other developers approach their Next.js builds 👇