DevIdiot!
Add an onboarding tour to any React/Next.js app in 5 minutes
Add an onboarding tour to any React/Next.js app in 5 minutesMost apps have zero onboarding.Users land on your dashboard, look around confused, and leave.The problem? Existing tools like Intercom cost $300+/month. Shepherd.js requires writing hundreds of lines of config. Intro.js feels outdated.I built TourKit to fix this. One script tag. Configure from a dashboard. Works on any website.Here's how to add it to your React or Next.js app in 5 minutes. What you'll buildA guided onboarding
Batch Image Optimization at Warp Speed
100 Images, One CommandUploading 50 product photos? Resizing a folder of screenshots? Converting a batch of PNGs to WebP?Don't open Photoshop. Don't write a script. Do it in one line:npx batch-image-tool compress ./images/ --quality 80npx batch-image-tool resize ./photos/ --width 1200npx batch-image-tool convert ./assets/ --to webpnpx batch-image-tool watermark ./output/ --text "© 2026" What It DoesCompress: Reduce file size by 60-80% without visible quality lossResize: Scale to exact
What Do the ~, ^, and * Mean in package.json?
~, ^, and * in package.json... wat?The first time you open up a package.json file you're greeted by a lot of information about that project. That one file can include a lot of information about the project: the author's name and email, the project title, where the project is hosted, where to submit bugs, startup scripts, and more. The parts that I'm going to discuss in this post are found within the dependencies and devDependencies sections.Frequently you will see module version numbers pr
Batch Image Optimization at Warp Speed
100 Images, One CommandUploading 50 product photos? Resizing a folder of screenshots? Converting a batch of PNGs to WebP?Don't open Photoshop. Don't write a script. Do it in one line:npx batch-image-tool compress ./images/ --quality 80npx batch-image-tool resize ./photos/ --width 1200npx batch-image-tool convert ./assets/ --to webpnpx batch-image-tool watermark ./output/ --text "© 2026" What It DoesCompress: Reduce file size by 60-80% without visible quality lossResize: Scale to exact
How to Build and Monetize Chrome Extensions with Crypto Payments (2026)
Chrome extensions reach 3 billion+ users. Developer registration: $5 one-time. With crypto payments, you can monetize without Stripe, PayPal, or KYC. The Freemium ModelGive core features for free. Charge $3-5 USDC one-time for Pro. Converts at 0.5-2% of users. Complete Code manifest.json{ "manifest_version": 3, "name": "YourExtension", "version": "1.0.0", "action": {"default_popup": "popup.html"}} Payment Logicconst WALLET = "0x...";async function verifyPayment(txHash) {
The OnlyFans Economy of American AI
<a href="https://news.ycombinator.com/item?id=48435371">Comments</a>
TypeScript Type Safety: Why TypeScript Is More Than Just JavaScript With Types
Type safety in TypeScript isn't just a nice additional feature — it's the difference between a project that breaks in production and one that runs reliably. I was one of those people who said "JavaScript is enough, I don't need TypeScript," then I discovered that was the biggest technical mistake I made in my career as a developer. In this article, we'll understand together why TypeScript matters, how types prevent real bugs, and the most important patterns every developer should know.The first
Building Modern Web Apps: My Journey with Next.js
I started my journey with Next.js a while ago, and it was a major turning point in my career as a web developer. Before Next.js, I struggled with real difficulties building complete, high-performance web applications. I was using React alone, and every time I needed Server-Side Rendering or proper SEO, I had to reinvent the wheel. Next.js provided me with the ideal solution with features like Server-Side Rendering and Static Site Generation from day one.What makes Next.js stand out is the excell
Stop Using KaTeX/MathJax: Render Math in 3.5KB with Native MathML
NPM • GitHub • Live DemoFor technical blogs, documentation sites, or any web application supporting Markdown, math formula rendering has always been a heavy burden.Traditionally, we are forced to choose between KaTeX or MathJax. However, the cost of using them is massive:Huge Bundle Size: KaTeX is 75 KB (minified + gzipped) JS plus hundreds of KB of CSS. MathJax is even larger, taking up to 278 KB of gzipped JS.Main-Thread Blocking: They act not only as compilers but also as layo
How I built a Stripe monitoring tool in my browser with zero backend
Most payment monitoring tools work the same way:your API key goes to their server, their server polls Stripe, their server sends you a notification.That means your revenue data, customer patterns, and API credentials are sitting on someone else's infrastructure. Forever.I built Stripe Alerts differently.The architectureEverything runs in the browser. Here's the full flow:User pastes a read-only Stripe API keyKey is stored in chrome.storage.local — never synced, never transmittedA Chrome Manifest
EAS Update (OTA) in React Native: How I Stopped Waiting on Apple to Ship Fixes
Wrote up how I set up over-the-air updates with Expo’s EAS Update so JS-only fixes ship without an App Store or Play Store release. One command from the laptop and it’s live on next launch.What’s covered:The runtimeVersion + channel model, and why updates get silently rejected when they don’t matchSilent OTA vs an “update now” banner, and when each one is the right callChannels vs branches (not the same thing, and mixing them up bites people)Rollback for when the OTA fix you panic-shipped is als
Building TwitFlow: Designing a 30-Second AI Spark for What to Tweet
IntroductionComing up with something to tweet is an oddly common blocker. You know what you want to build, share, or teach, but when you open Twitter the cursor stares back at you. TwitFlow is a tiny product I built to remove that friction: a 30-second AI-powered spark that gives you angles, starter lines, and a place to stash local drafts.In this post I’ll walk through the problem we solved, the product decisions that let us ship fast, the technical choices (Next.js, IndexedDB, Creem for one-ti
Adding subscriptions to a React Native meme bot with RevenueCat
I built a chatbot that sends you memes, digs up gifs, and roasts you. It's called MemeChatAI, and it is, very much on purpose, brainrot. You talk to it, it talks back in the dumbest, funniest way it can manage. That's the whole pitch.So here's the thing nobody warns you about when you build a joke app: the joke is free, but charging money for it is a real engineering project. The bot was the fun weekend part. Billing was the part that could actually lose people's money if I got it wrong, and tha
Building Forevers.app: Turning Still Memories Into AI Generated Videos
When we started building Forevers.app, the idea sounded simple:Take still photos, arrange them into a meaningful story, and turn them into a cinematic AI generated video.In reality, it became one of the most technically challenging and exciting products we have built.Forevers.app is an AI video generation platform that helps people bring cherished memories to life. Users upload photos, organize them chronologically, and receive an animated video with transitions, movement, music, and emotional
I'm Kutub Uddin — Full Stack Developer from Bangladesh (PHP Laravel, React, Next.js, MERN)
Hi, I'm Kutub Uddin — a Full Stack Developer based in Bangladesh 🇧🇩 with 3+ years of experience and 50+ projects delivered.I specialize in building scalable, production-ready web applications using PHP Laravel and the MERN stack (MongoDB, Express, React, Node.js).🛠️ What I Work WithFrontendReact, Next.js, TypeScript, Tailwind CSSBackendPHP, Laravel, Node.js, Express.jsDatabaseMongoDB, MySQLToolsGit, Docker, Vercel, Cloudinary, REST API🚀 What I've BuiltIn the past 3+ years, I've delivered 50+ pro
PULSE GUARD PROJECT
I’m excited to share a project I’ve been building from the ground up: PulseGuard.It’s a comprehensive monitoring platform designed to give developers and businesses peace of mind. Whether it's tracking uptime or managing incidents, PulseGuard brings everything into one intuitive dashboard.📊 Features I’ve implemented so far:Real-time Uptime Monitoring: Instant visibility into site health.Service Status Overview: Clear indicators for Up, Down, or Degraded states.Incident Tracking: Log and analyse
Anthropic, please ship an official Claude Desktop for Linux
<a href="https://news.ycombinator.com/item?id=48434436">Comments</a>
LLMs are eroding my software engineering career and I don't know what to do
<a href="https://news.ycombinator.com/item?id=48434312">Comments</a>
9 Mothers (YC P26) Is Hiring
<a href="https://news.ycombinator.com/item?id=48433987">Comments</a>
I built 10 free tax and business tools for Indian freelancers so we can stop paying subscriptions.
Hey everyone! 👋I am a freelance developer from India, and recently I got incredibly frustrated with how complicated it is to manage taxes and invoices here. Every time I needed to calculate my Advance Tax or generate a basic GST invoice, I was hit with a paywall or forced to sign up for expensive software like Zoho or ClearTax.So, I spent the last few weeks building my own suite of tools, and I decided to open-source them and make them 100% free for the community. No login required. No paywalls.