Astroを使用したデモサイトコーディング

• Astro
• アクセシビリティ

概要

非公開のデモサイトです。FigmaのデザインカンプからコーディングしたサイトをAstroで再構築しました。

カルーセル部分はSwiperをReactコンポーネントととして実装。

日本語フォントはサブセット化し、セルフホスティングしています。

Github Actionsを利用しており、pushするとGithub上でビルドされ、レンタルサーバーにFTP送信されるように実装。

使用プラグインなど

Swiper.js modernizer.js

Basic認証