{"slug": "add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line", "title": "Add Live Bilingual Tech News to Your Portfolio Site in One Line", "summary": "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.", "body_md": "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.\n\nThe 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](https://newtqnia.com), a bilingual (English/Arabic) tech newsroom with a free embeddable widget.\n\nA 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.\n\nGo to [newtqnia.com/en/widget](https://newtqnia.com/en/widget). It's a live configurator, not a docs page — every option you touch updates a preview instantly:\n\nOnce 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>`\n\ntag referencing your chosen configuration, something like:\n\n```\n<script\n  src=\"https://newtqnia.com/embed/widget.js\"\n  data-lang=\"en\"\n  data-category=\"artificial-intelligence\"\n  data-count=\"5\"\n  data-theme=\"dark\"\n  async\n></script>\n```\n\n(Use the exact snippet the configurator gives you — it encodes the specific options you picked, so don't hand-type this one from memory.)\n\nPaste 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.\n\nOne thing to check if your site enforces a Content Security Policy: you'll need to allow `newtqnia.com`\n\nfor `script-src`\n\n, `connect-src`\n\n, and `img-src`\n\n, or the widget will silently fail to load.\n\nA few ways to push this past \"I copied a script tag\":\n\n`data-lang`\n\nbetween `en`\n\nand `ar`\n\nand 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](https://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.\n\nEither way, it's a five-minute change that turns a static portfolio into one with something actually happening on it.", "url": "https://wpnews.pro/news/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line", "canonical_source": "https://dev.to/samymassoud/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line-5co", "published_at": "2026-08-02 20:46:41+00:00", "updated_at": "2026-08-02 21:18:51.146628+00:00", "lang": "en", "topics": ["developer-tools", "ai-products"], "entities": ["NewTqnia"], "alternates": {"html": "https://wpnews.pro/news/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line", "markdown": "https://wpnews.pro/news/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line.md", "text": "https://wpnews.pro/news/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line.txt", "jsonld": "https://wpnews.pro/news/add-live-bilingual-tech-news-to-your-portfolio-site-in-one-line.jsonld"}}