astro/www/src/components/Author.astro

---
import authorData from '../data/authors.json';

export let authorId: string;
const author = authorData[authorId];
---
<style>
  .author {
    margin-bottom: 0.75rem;
  }
</style>
<div class="author">
  <p>by {author.name}{' '}<a href={`https://twitter.com/${author.twitter}`}>@{author.twitter}</a></p>
</div>