odan blog

vercel/virtual-event-starter-kit の実装を読んでみた

vercel/virtual-event-starter-kit: Open source demo that Next.js developers can clone, deploy, and fully customize for events. は Vercel が公開したオンラインイベントのデモサイトです。このサイトの実装には現在の Web 開発のプラクティスが詰まっていると考えて読んでみました。

普段は Nuxt.js を使っていて、Next.js については何も知らない人です。

DatoCMS

nprogress

CSS 変数

react-aria

resize-handler.tsx

Reach UI

pages.tsx

チケットの OGP image の生成

.eslintrc.json

感想

  • アクセシビリティに関する実装をライブラリに任せるの良さそう
    • aria-* に何があるかすべて無知
    • 知識ゲーの領域だと思っている
  • puppeteer で OGP image を組み立てているの、デザイン統一できるしメンテもしやすいで良さそう