Sergio Xalambri

In OAuth2 + OIDC, each token has a different audience: 🔑 Access Token → Resource Server 🔄 Refresh Token → Authorization Server 🪪 ID Token → Client App Each audience ensures the token is used by the right party and for the right purpose.

🪪 The ID Token’s audience is the Client Application. It contains user identity info and is meant to be consumed by the client, not by the API or auth server. That’s why its aud claim matches the client’s ID.

In OAuth2 + OIDC, each token has a different audience: 🔑 Access Token → Resource Server 🔄 Refresh Token → Authorization Server 🪪 ID Token → Client App Each audience ensures the token is used by the right party and for the right purpose.

🔑 The Access Token's audience is the Resource Server. It’s the one that will validate and accept the token to give access to protected resources. This way, only the Resource Server can rely on it—it’s not meant for the client or the auth server.

From time to time I want to see if Web Components improved They could have been way better if we started with a simple partial defined using the <template> tag and a name attribute <template name="user-item"> some html here </template> Then you do `<user-item>` and the browser inline the partial

Pair all of that with import maps and we could have HTML partials, scoped styles and JS files for WC cached forever And because it starts with HTML instead of JS like WC it could go from something super simple to avoid repetition to a more advanced component Like a Progressive Web Component API

From time to time I want to see if Web Components improved They could have been way better if we started with a simple partial defined using the <template> tag and a name attribute <template name="user-item"> some html here </template> Then you do `<user-item>` and the browser inline the partial

To add scoped styles we could make it so any <style> or <link rel="stylesheet"> inside a <template> is automatically scoped to that partial <template name="user-item"> <link rel="stylesheet" href="/styles/user-item.css" /> some HTML here </template> Something like that ☝️

From time to time I want to see if Web Components improved They could have been way better if we started with a simple partial defined using the <template> tag and a name attribute <template name="user-item"> some html here </template> Then you do `<user-item>` and the browser inline the partial