import Avatar from "../components/Avatar"

export default function Avs(props) {
  return (
    <>
      <h1>Avatars</h1>
      {props.avs.map(data => <Avatar data={data} key={data.id} />)}
    </>
  )
}

export const getStaticProps = async () => {
  const res = await fetch(`http://localhost:3000/api/avatars`);
  const avs = await res.json();
  return {
    props: {
      avs
    }
  }
}