astro/www/src/components/Author.astro

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

export interface Props {
  authorId: string;
}

const { authorId } = Astro.props;
const author = authorData[authorId];
---
<div class="author">
  <p>by {author.name}{' '}<a href={`https://twitter.com/${author.twitter}`}>@{author.twitter}</a></p>
</div>