cd /news/developer-tools/add-live-bilingual-tech-news-to-your… · home topics developer-tools article
[ARTICLE · art-83968] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=· neutral

Add Live Bilingual Tech News to Your Portfolio Site in One Line

NewTqnia, a bilingual English/Arabic tech newsroom, offers a free embeddable widget that lets developers add a live, auto-updating tech news feed to any website with a single script tag. The widget, configured via a live configurator, renders in an isolated Shadow DOM and supports i18n, making it a quick way for developers to demonstrate integration and internationalization skills on portfolio sites.

read2 min views1 publishedAug 2, 2026

Every portfolio site has the same problem: it's static. A grid of projects, a bio, a contact form — nothing on the page ever changes, which means nothing on the page proves you can work with live data. Recruiters and reviewers skim past it because there's nothing to skim.

The fastest fix isn't building your own API — it's embedding someone else's, and picking one that's actually interesting to look at. Here's how to drop a live, auto-updating tech news feed into any site with a single script tag, using NewTqnia, a bilingual (English/Arabic) tech newsroom with a free embeddable widget.

A static "About Me" page tells someone you can write HTML. A page with a live-updating feed tells them you can integrate a third-party service, handle async content, and think about internationalization (this one supports English and Arabic out of the box) — all real, hireable skills, for the cost of one script tag.

Go to newtqnia.com/en/widget. It's a live configurator, not a docs page — every option you touch updates a preview instantly:

Once you're happy with the preview, the page generates a ready-to-paste embed code block for you — copy it as-is. It'll look roughly like a single <script>

tag referencing your chosen configuration, something like:

<script
  src="https://newtqnia.com/embed/widget.js"
  data-lang="en"
  data-category="artificial-intelligence"
  data-count="5"
  data-theme="dark"
  async
></script>

(Use the exact snippet the configurator gives you — it encodes the specific options you picked, so don't hand-type this one from memory.)

Paste the snippet wherever you want the feed to appear — a sidebar, a footer section, a dedicated "Now Reading" panel on your homepage. The widget renders inside an isolated Shadow DOM, so it won't inherit or clash with your site's existing CSS, and it won't leak its own styles back into your page either. That's one less thing to debug.

One thing to check if your site enforces a Content Security Policy: you'll need to allow newtqnia.com

for script-src

, connect-src

, and img-src

, or the widget will silently fail to load.

A few ways to push this past "I copied a script tag":

data-lang

between en

and ar

and re-mounts the widget — a tiny but real demonstration of handling i18n on the client.NewTqnia also ships a public REST API with an OpenAPI 3.1 spec, official PHP and Node SDKs, and an MCP server for AI agents — worth a look at newtqnia.com/en/developers if you'd rather build your own feed UI from scratch instead of using the pre-built widget. That's a meaningfully bigger project, but a great follow-up once the one-line version is live.

Either way, it's a five-minute change that turns a static portfolio into one with something actually happening on it.

── more in #developer-tools 4 stories · sorted by recency
── more on @newtqnia 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/add-live-bilingual-t…] indexed:0 read:2min 2026-08-02 ·