Abid Ali

Full Stack Developer in Karachi with 3+ years in TypeScript, Next.js, React, React Native and Gatsby. I build ogscope.pk, memetap.pk and digitaldialogue.pk.

Karachi, Pakistan Joined on Oct 14, 2026 https://github.com/abidali671

Work

Full Stack Developer

Abid Ali

Oct 24

Link Previews for User-Generated Pages: Profiles, Moderation and the Cards You Didn't Plan For

#nextjs #typescript #security #webdev

8 min read

Abid Ali

Oct 23

One Object, Three Outputs: Keeping og:, twitter: and JSON-LD in Sync in Next.js

#nextjs #typescript #seo #webdev

7 min read

Abid Ali

Oct 21

Building a "Trending This Week" Page: Time-Decayed Play Counts, Log-Space Scores and Cached Reads in Next.js

#javascript #algorithms #nextjs #webdev

6 min read

Abid Ali

Oct 21

Truncating og:title and og:description Without Breaking Emoji, Urdu or Your Markup

#typescript #nextjs #webdev #javascript

6 min read

Abid Ali

Oct 21

Five Clients, Five Node Versions: Per-Project Toolchains with .nvmrc, Corepack and Docker Compose

#node #freelancing #docker #productivity

6 min read

Abid Ali

Oct 17

One Laptop, Five Clients: Separate Git Identities, SSH Keys and Secrets Per Client with includeIf

#git #freelancing #productivity #security

6 min read

Abid Ali

Oct 17

Record Your Own Sound Button in the Browser: MediaRecorder, Silence Trimming and a Tiny WAV Encoder

#javascript #webdev #webaudio #tutorial

7 min read

Abid Ali

Oct 17

Alt Text for Link Preview Images: og:image:alt, twitter:image:alt and the Next.js App Router

#a11y #nextjs #webdev #html

7 min read

Abid Ali

Oct 17

Case Studies, Not Screenshots: Freelance Portfolio Pieces Clients Actually Read (Template + Playwright Thumbnails)

#career #freelancing #webdev #portfolio

5 min read

Abid Ali

Oct 17

Share an Audio Clip Straight to WhatsApp from a Web App: navigator.share() with Files, User Activation and Fallbacks

#javascript #webdev #mobile #tutorial

5 min read

Abid Ali

Oct 17

Link Previews for Pages Behind a Login: What Crawlers See on Dashboards, Invite Links and Shared Docs

#webdev #nextjs #security #html

6 min read

Abid Ali

Oct 16

Two Small Apps, Two Hard Problems: What Amir Ali's Side Projects Teach About Frontend Engineering

#react #nextjs #typescript #webdev

7 min read

Abid Ali

Oct 16

Scope Creep Is a Bug: A Markdown Scope Doc and Change-Request Flow for Freelance Web Projects

#freelancing #career #webdev #productivity

6 min read

Abid Ali

Oct 16

Normalizing Thousands of Short Meme Clips with ffmpeg: Loudness, Silence Trimming and Small Files for a Browser Soundboard

#ffmpeg #audio #javascript #webdev

6 min read

Abid Ali

Oct 16

Add a Link Preview Smoke Test to Your Deploy Pipeline (Node Script + GitHub Actions)

#webdev #testing #javascript #devops

5 min read

Abid Ali

Oct 16

Why Your og:image Works in the Browser but Not for Crawlers: Relative Paths, Redirects and Wrong Content-Types

#webdev #seo #debugging #html

5 min read

Abid Ali

Oct 15

Your Firewall Is Eating Your Link Previews: Bot Protection, Geo-Blocks and Social Crawlers

#webdev #cloudflare #security #seo

7 min read

Abid Ali

Oct 14

What I Wish I Knew Before Freelancing as a Developer from Pakistan

#career #freelancing #webdev #beginners

5 min read

Abid Ali

Oct 14

Building a Low-Latency Soundboard in Next.js: Audio Preloading, Web Audio and Mobile Autoplay Gotchas

#nextjs #javascript #webdev #react

5 min read

Abid Ali

Oct 14

Debugging Open Graph Previews in Next.js: Why Your Links Look Broken on WhatsApp, LinkedIn and X

#nextjs #webdev #seo #react

5 min read

DEV Community

Abid Ali

Badges

Writing Debut

Skills/Languages

Currently learning

Currently hacking on

Link Previews for User-Generated Pages: Profiles, Moderation and the Cards You Didn't Plan For

One Object, Three Outputs: Keeping og:, twitter: and JSON-LD in Sync in Next.js

Building a "Trending This Week" Page: Time-Decayed Play Counts, Log-Space Scores and Cached Reads in Next.js

Truncating og:title and og:description Without Breaking Emoji, Urdu or Your Markup

Five Clients, Five Node Versions: Per-Project Toolchains with .nvmrc, Corepack and Docker Compose

One Laptop, Five Clients: Separate Git Identities, SSH Keys and Secrets Per Client with includeIf

Record Your Own Sound Button in the Browser: MediaRecorder, Silence Trimming and a Tiny WAV Encoder

Alt Text for Link Preview Images: og:image:alt, twitter:image:alt and the Next.js App Router

Case Studies, Not Screenshots: Freelance Portfolio Pieces Clients Actually Read (Template + Playwright Thumbnails)

Share an Audio Clip Straight to WhatsApp from a Web App: navigator.share() with Files, User Activation and Fallbacks

Link Previews for Pages Behind a Login: What Crawlers See on Dashboards, Invite Links and Shared Docs

Two Small Apps, Two Hard Problems: What Amir Ali's Side Projects Teach About Frontend Engineering

Scope Creep Is a Bug: A Markdown Scope Doc and Change-Request Flow for Freelance Web Projects

Normalizing Thousands of Short Meme Clips with ffmpeg: Loudness, Silence Trimming and Small Files for a Browser Soundboard

Add a Link Preview Smoke Test to Your Deploy Pipeline (Node Script + GitHub Actions)

Why Your og:image Works in the Browser but Not for Crawlers: Relative Paths, Redirects and Wrong Content-Types

Your Firewall Is Eating Your Link Previews: Bot Protection, Geo-Blocks and Social Crawlers

What I Wish I Knew Before Freelancing as a Developer from Pakistan

Building a Low-Latency Soundboard in Next.js: Audio Preloading, Web Audio and Mobile Autoplay Gotchas

Debugging Open Graph Previews in Next.js: Why Your Links Look Broken on WhatsApp, LinkedIn and X