Cloudinary Blog

Auto-Completing the Upload Code of Media Files With GitHub Copilot

Auto-Completing the Upload Code of Media Files With GitHub Copilot

The past decade has seen massive improvements in software tools that facilitate coding. In fact, a campaign is currently underway to promote building software with no-code tools like Bubble, which promise to be a boon for those not acquainted with the rudiments of programming.

Separately, artificial Intelligence (AI) is certainly here to stay. In fact, it’s gaining popularity as an integrated infrastructure that deftly complement developer tools in speeding up and easing software development, ultimately yielding performant code.

GitHub Copilot Capabilities

As the world’s most popular code-hosting platform, GittHub serves billions of lines of open-source code. GitHub Copilot is an AI-enhanced programming companion that suggests lines and function blocks while you’re coding in an editor. Basically a code-autocomplete tool on steroids, GitHub Copilot is powered by Codex, the new AI system created by OpenAI and trained on all the code hosted on GitHub.

Seasoned developers are usually armed with code-editor extensions that help them build well-written, clean software faster. GitHub Copilot takes that to the next level, enabling adeptness with tools and libraries that might take time to familiarize with.

Functioning as an extension of Visual Studio (VS) Code, GitHub Copilot works locally in your VS Code editor and in the cloud on GitHub Codespaces. Currently, besides supporting many programming languages, GitHub Copilot is optimized for JavaScript, Ruby, Python, Typescript, Ruby, and Go.

Setup Procedure for GitHub Copilot and Cloudinary’s Node.js SDK

Cloudinary’s Node.js SDK offers intuitive and comprehensive image- and video-upload, transformation, optimization, and delivery capabilities, which you can leverage with code that seamlessly integrates with your Node.js app.

To set up GitHub for Cloudinary’s Node.js SDK, follow these steps:

  1. Join the GitHub Copilot waitlist.
  2. Start your local VS Code editor.
  3. Search for the GitHub Copilot extension and install it.
  4. Install the Cloudinary Node.js SDK.

Afterwards, set up a simple Node.js project with the npm init command.

Like me, you’ll likely be wowed with how fast GitHub Copilot starts churning out terrific suggestions on everything that you need to build a media app with Cloudinary. For details on the procedures for uploading, serving, and transforming media files, see the comprehensive documentation on Cloudinary’s Node.js SDK .

The video demo below shows how GitHub Copilot prescribes Cloudinary methods.

For all the functionalities you need to implement for your app, GitHub Copilot recommends the related code and documentation, greatly boosting your productivity. Happy testing!

Recent Blog Posts

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more
Cloudinary Joins The MACH Alliance

As expectations of websites and apps continue to grow, there is more pressure on brands to deliver new and innovative ways to reimagine their digital experience.

The challenge is many companies lack the systems and platforms to stay competitive in this digital revolution and keep up with modern technology. To stay one step ahead, brands have to continuously evolve their martech stack. However this is easier said than done. As marketing, developer, and creative teams look for new solutions they often end up down a rabbit hole. What starts off as an exciting investment to embrace a new technology, system or platform ends up turning into a complicated process and once the dust settles, teams often realize the limiting capabilities of investing in a single vendor.

Read more