Ahmad Awais

GitHub Stars Award 🎉

Humbled — I’ve been awarded a gold GitHub Stars Award by GitHub. Woah, AH! Can't stop starring at this remarkable thing—the 8th award worldwide out of 60 million developers on GitHub.

npx vs npm can be a confusing debate. I created a video to explain the difference between npm and npx, explained the history of npx, and how to work with npx.

The React.js core team announced the RFC on React Server Components just now. Imagine React components that run only on the server and have zero impact on the client-side bundle size. Hence zero-bundle-size.

I was fairly surprised by GitHub's Dark Mode secret announcement. Thus I recorded a reactionary video.

Building performing React apps is hard. Like really hard. You have to know how to setup webpack, Babel, code-splitting, TypeScript, and the list goes on. In 2020, when building React web applications, my default choice is Next.js. It offers built-in performance, route prefetching, dynamic imports with code splitting, and probably the best server-side rendering experience — all of that with a no config setup. By the end of this talk, you'll be a lot less scared of creating high-performance web applications that are scalable with both static and dynamic serverless components.

GitHub just announced Dark Mode at GitHub Universe 2020 conference. I'm super duper excited. Check out my reaction video and a couple of other excellent features Nat Friedman (GitHub's CEO) announced in the keynote.

📟 CLI to create new Node.js CLI applications in minutes not hours.

Workshop on building automation CLI tools.

Got interviewed by DigitalOcean on Deploy Conf 2020 DigitalOcean’s Navigators is a program that supports and rewards people who create content, code, and/or community engagements related to DigitalOcean’s products and services. Once accepted into the program, Navigators benefit from DigitalOcean’s global reach, receive exclusive access to DigitalOcean’s team, and much more.

Should this page be static, server-rendered, or should I do it all on the client-side? Maybe I should regenerate the page every sec on the server? Dang! Decisions like these for Next.js beginners are pretty hard. Let Ahmad Awais help you decide.

Should this page be static, server-rendered, or should I do it all on the client-side? Maybe I should regenerate the page every sec on the server? Dang! Decisions like these for Next.js beginners are pretty hard. Let Awais help you decide.

Should this page be static, server-rendered, or should I do it all on the client-side? Maybe I should regenerate the page every sec on the server? Dang! Decisions like these for Next.js beginners are pretty hard. Let Awais help you decide.

Talk in Doha · Google DevFest · October 18, 2020

Talk in Doha · Google DevFest · October 17, 2020

🐈 Generate automagically formatted help text for `meow` CLI app helper.

Node CLI Automation without wasting 1,000 hours. After building hundreds of developer automation tools used by millions of developers, I am sharing exactly how you can do it yourself with minimum effective effort. Learn to build Node.js & JavaScript based CLI (Command Line Interface) apps. Automate the grunt work, do more in less time, impress your manager, and help the community.

Learn deno by example. In this free crash course, I teach you what is Deno, how is Deno different than Node.js, and together you'll build three simple projects with deno.

Building performing React apps is hard. Like really hard. You have to know how to setup webpack, Babel, code-splitting, TypeScript, and the list goes on. What about performance, eh? How about building SSR + SSG + Serverless + Offline enabled applications? In 2020, when building React web applications, my default choice is Next.js. It offers built-in performance, route prefetching, dynamic imports with code splitting, and probably the best server-side rendering experience — all of that with a no config setup. By the end of this talk, you'll be a lot less scared of creating high-performance web applications that are scalable with both static and dynamic serverless components.

My talk from FrontendLove's React Live Conf where I shared my experience of building Next.js web app hosted with Vercel, that included a Node.js CLI for CMS automation, VuePress based documentation, and of course a pinch of React.js code.

My talk from FrontendLove's React Live Conf where I shared my experience of building Next.js web app hosted with Vercel, that included a Node.js CLI for CMS automation, VuePress based documentation, and of course a pinch of React.js code.

The project corona-cli ranked #2 in the list of trending GitHub repositories worldwide, engaging over 50,000 developers, got featured at O'Reilly, MetaFilter, Changelog, etc. Led to 515 cloned repositories, 138,431 views, 1,032 stargazers, and 9,200 active installations. Hence making it more accessible to track the Coronavirus disease (COVID-19) or the Novel Coronavirus Strain. The sheer amount of contributions, shares on social media, features in different web magazines — and in general over a thousand likes/retweets of this repository led it to be the #2 most trending repo worldwide for two days. This also feels like a huge milestone because it's my way of using my software/FOSS skillset to help with the current COVID19 situation, making the stats easily and more accessible trackable.

Ahmad Awais talks about his decision making when it comes to building a full-stack JAMstack application which has a hybrid static and dynamic nature with cutting edge tech like React.js, Next.js, GraphQL, Vue.js, VuePress, and whatnot.

I’m honored to have been listed as #1 JavaScript Developer on GitHub Trending Worldwide today. It’s always an honor to be featured among over 40 million developers on GitHub that have created 44+ million repositories. It’s probably my 5th time. I just found out that my GitHub profile is trending as the #1 in the worldwide Trending Developers of the day for JavaScript on GitHub. Woohoo! 🥳🥳🥳

Made a video on helping developers learn how to use VSCode CLI and make the most out of it.

A workshop on building progressive and dynamic web apps with JAMstack.

DevOps free Continuous-Deployment pipeline for WordPress plugins with GitHub Actions. Use wp-continuous-deployment to set up an instant GitHub to WordPress.org SVN deployment pipeline with incredibly powerful GitHub Actions. A true commit-deploy workflow with complex dev-ops done for you.

DevOps free Continuous-Deployment pipeline for WordPress plugins with GitHub Actions.

Smashing Magazine has featured Ahmad Awais in their "Person of the Week" series for his contributions in the open-source web community. One developer gets featured on the homepage of SmashingMagazine.com for a week due to their web community contributions. Smashing Magazine receives over 3 million visits every month. Smashing Magazine is the ultimate authority when it comes to web magazines, books, conferences around the topic of Web (performance & accessibility). Getting featured on the homepage for a week about my open source work is nothing short of a dream come true. I believe this has happened due to my work in the open-source web community. I contributed to improving code, docs, fix bugs, & patch security in projects from Google (Chrome, Firebase, AMP), Amazon (AWS Amplify), Microso (Azure), WC (CSSWG), Facebook (React.js), Mozilla, IBM, Gatsby.js, ZEIT, Serverless, webpack, styled-components, ohmyzsh, MDX, and more via @AhmadAwais on GitHub.

I had the pleasure of talking with Bryan Robinson on his podcast called That’s My JAM…stack. Cool name, right. I talked about how much I love Markdown, the apparent divide in the JAMstack community, decisions not options, and whatnot.

I was recently interviewed by Brian Rinaldi about JAMstack’s future in 2020. 2019 definitely seemed to be a pivotal year for the JAMstack. New companies cropped up, JAMstack_conf_sf was the biggest event yet and lots of new tools seemed to gain momentum daily. In this series of posts, we’re asking some well-known members of the JAMstack community what they thought about this past year and what they think you can expect for the year to come. This edition features Ahmad Awais, developer advocate for Cloudinary and Google Developer Expert.

Talk at the BackendlessConf about how I built a #JAMstack progressive web application with React.js, Vue.js, and Node.js in a single project.

#Hacktoberfest + Git Resources by Hacktoberfest hackers and GitHub beginners.

As a full-time #OpenSourcerer — October is one of my favorite months. And it's October already. Today's #OneDevMinute is about #Hacktoberfest — it's a month-long online event where you signup at GitHub.com and Hacktoberfest to celebrate Open Source by contributing at least five times between Oct 1-31. Good folks from DigitalOcean, GitHub, and Dev.to will track your open source contributions and upon five successful GitHub pull-requests — you'll receive swag items like a limited edition T-Shirt, stickers, and a few discount codes. Open source is for everyone, it's not just code — developers, designers, event marketers, and content writers can participate. Improve an open-source project's documentation, refactor code, or gift that project a new logo design — just participate and celebrate open source in October.

Dev tooling and automation workflows for coding your web applications with best practices and in the most efficient manner with VSCode.

A codelab to help speed up websites by addition of a CDN that can do much more than just being a CDN by way of transforming images and serving next-gen formats to save time/bandwidth. For example, by serving Google's WebP format in Google Chrome where possible and JPEG-XR formats on supported browsers

Learn to use Cloudinary's fetch URL API to optimize images and serve them in next-gen formats. This codelab is extremely simple to attempt and has a significant impact on user experience as well as the user experience of a website. I worked alongside Googlers from the DevRel (speed) team, Katie Hempenius, and wrote this Codelab to help people optimize their website images with the least effort possible. I'm one of the first few community developer advocates who contributed to Web.dev without being a Googler.

Why automating grunt work can improve your life as a developer. Building a sane developer experience with automated dev tooling. Talked about webpack, gulp, Google AMP, Workbox, and more. It was an online talk.

Automate your Progressive Web Apps workflow with the workbox. A workshop attended by 86 developers.

Helping developers build their blogs with JAMstack which also fits really well with Progress Web Apps context. Later taught a connected workshop on doing PWA + JAMstack with Next.js.

A new Node.js resource built using Gatsby.js with React.js, TypeScript, Emotion, and Remark.

A small hands-on workshop about Progressive Web Apps, where it all began, and what is next with the Progressive Web.

As developers, we spend over 200 Hrs/month with our code editors — it's only fair to learn your next editor deeply. Teaching developers to bring all their custom settings and learn the power user workflows for HTML/CSS, GitHub/Git & Open Source, supercharged Markdown, and everything from JavaScript to PHP, Go, Python, C++, C#, ROR & 50+ Extensions.

Talked at and conducted a 24-hour global event dedicated to the translation of the Open Source WordPress ecosystem (core, themes, plugins, documentation, marketing assets, etc) and all the related processes in Urdu language.

Wrote a piece on becoming a Google Developers Expert. Spread the word around about Google Developers Program. Answered about ~40 questions related to the program in different settings. The post was republished by HackerNoon, on Dev.to and shares at Twitter/Facebook received about 1500 likes/retweets and about 132,000 impressions.

Emoji-Log — An Emoji Git commit log messages specification standard. [ 📦👌🐛📖🚀🤖 ‼️]

📦 A zero-configuration #0CJS developer toolkit for building WordPress Gutenberg block plugins.

An advanced & extensively documented Gulp WordPress workflow. Kick start a build-workflow for your WordPress plugins and themes with Gulp.