惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

小众软件
小众软件
博客园 - Franky
罗磊的独立博客
G
Google Developers Blog
The GitHub Blog
The GitHub Blog
P
Proofpoint News Feed
Recent Announcements
Recent Announcements
V
V2EX
F
Fortinet All Blogs
阮一峰的网络日志
阮一峰的网络日志
Blog — PlanetScale
Blog — PlanetScale
月光博客
月光博客
U
Unit 42
GbyAI
GbyAI
A
About on SuperTechFans
WordPress大学
WordPress大学
Engineering at Meta
Engineering at Meta
雷峰网
雷峰网
Microsoft Azure Blog
Microsoft Azure Blog
Martin Fowler
Martin Fowler
D
DataBreaches.Net
The Cloudflare Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
MongoDB | Blog
MongoDB | Blog

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
How to show weather on your personal website in 3 lines o...
Kareem Al-Fa · 2026-05-28 · via DEV Community

Kareem Al-Farsi

I got tired of explaining to people why their "simple weather widget" needed an API key, a signup form, and a credit card.

So I built a weather API that doesn't need any of that.

Here's how you can add live weather to your personal website, portfolio, or side project in about 60 seconds.

The old way (painful)

Most weather APIs make you:

  • Create an account
  • Verify your email
  • Generate an API key
  • Paste that key into your code
  • Worry about rate limits
  • Get an email when your "free tier" expires

For a weather widget on a personal site? That's overkill.

The Nimbus way (one fetch, done)

I made a public API that doesn't need keys. Just call it.

fetch('https://nimbus-api-gxuc.onrender.com/api/v1/weather?city=Berlin')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  });

Enter fullscreen mode Exit fullscreen mode

That's it. No headers. No tokens. No signup.

Real example: Put it on your site

Here's a working snippet you can drop into any HTML page right now:

<div id="weather-widget">
  <p>Loading weather...</p>
</div>

<script>
  fetch('https://nimbus-api-gxuc.onrender.com/api/v1/weather?city=Berlin')
    .then(res => res.json())
    .then(data => {
      const weatherHtml = data.temp_celsius + '°C • ' + data.description +
        '<br>Wind: ' + data.wind_speed_kmh + ' km/h • Humidity: ' + data.humidity_percent + '%';
      document.getElementById('weather-widget').innerHTML =
        '<strong>' + data.location + '</strong><br>' + weatherHtml;
    })
    .catch(function() {
      document.getElementById('weather-widget').innerHTML =
        '<p>Weather not available right now</p>';
    });
</script>

Enter fullscreen mode Exit fullscreen mode

Change Berlin to any city. It works.

Why did I build this?

Because I got tired of closed source APIs that change their pricing every 6 months.

Nimbus is open source. The code is on GitHub. You can read it, fork it, or run your own version if you don't trust me. The API is free because hosting a weather endpoint costs me almost nothing, and I'd rather lose money than put up a paywall.

Try it right now

Open your terminal:

curl https://nimbus-api-gxuc.onrender.com/api/v1/weather?city=London

Enter fullscreen mode Exit fullscreen mode

No API key. No signup. Just weather.


P.S. The geocoding API is coming soon. If you want to convert city names to coordinates without another API key, watch the repo.