エンジニア こめたに・たくや のポートフォリオ。検証のためastroで書いてみた。
- Astro
- Typescript
- ESLint, Prettier, stylelint: それぞれの astro 対応
- Husky: コミット時に lint コマンドを走らせる
- React: スワイプできるカード UI は以前
react-springで実装していたものを移植
javascript をアウトプットしない方針のフレームワークというのが気になって astro を使った。ポートフォリオとして使ってみて実感できるか検証していく。前のポートフォリオは next.js で書いていたが、静的なページにはオーバースペックだと感じていた。また、WEB アプリとちがって LP やサイト作成ではデザインにこだわる場合がおおく react だとスタイリングが不便なときがあると感じていた。これらの点を astro で解消したい。
html を表現するのに JSX をつかう react と違い、astro はほぼ html のような感覚で css を書けるのが快適。コンポーネントごとにスコープがあるので「この css が他に悪さすることないかな」という不安がないのも良い。