Use AWS SDK JS v3 @aws-sdk/client-* (or) @aws-sdk/lib-* directly in browser with jsDelivr CDN!

[suryavaddiraju]

Hi team and community,

I wanted to share a helpful update that may benefit many frontend developers working with AWS services.

Now, it's possible to directly use individual @aws-sdk/client-* and @aws-sdk/lib-* modules in browser-based environments via jsDelivr CDN by referencing the corresponding GitHub repositories!

✅ Example Usage:

<script type="importmap">
{
  "imports": {
    "@aws-sdk/client-s3": "https://cdn.jsdelivr.net/gh/aws-sdk/client-s3/index.min.mjs"
  }
}
</script>

<script type="module">
  import { S3Client, ListBucketsCommand } from "@aws-sdk/client-s3";

  const client = new S3Client({ region: "us-east-1" });
  const buckets = await client.send(new ListBucketsCommand({}));
  console.log(buckets);
</script>

🔗 CDN URLs:

• https://cdn.jsdelivr.net/gh/aws-sdk/client-<service>/index.min.mjs

• https://cdn.jsdelivr.net/gh/aws-sdk/lib-<service>/index.min.mjs

📦 Source Repositories:

• https://github.com/aws-sdk/client-<service>
• https://github.com/aws-sdk/lib-<service>

This makes it super easy to use AWS SDK in browser-based apps without needing to bundle or transpile anything — just plug and play with native import support and import maps.

Looking forward to hearing your thoughts or if this might be considered for formal documentation or CDN publishing under official AWS control.

Thanks!

[suryavaddiraju]

New Possibility for this discussion #4893 (comment)