terisuke / corsweb2024

Cor'inc

DEMO

• https://cor-jp.com/

紹介と使い方

• AstroとAlpine.jsを使い、阿部寛のホームページと同等かそれ以上の読み込みの速さを目指したコーポレートサイト。

• FireBaseを使い、ホスティングとデータベースを行っている。

工夫した点

• WebPを多用し、画像の読み込みを高速化した。

• Alpine.jsを使い、SPAのような動きを実現した。

• FireBaseHostingを使い、高速化を実現した。

苦戦した点

• Alpine.jsが定義されておらず、自分でtypeフォルダを作り、TypeScriptファイルを作成して定義するのが大変だった。

参考にした web サイトなど

• https://astro.build/

• https://alpinejs.dev/

• https://firebase.google.com/

• https://github.com/m6v3l9/astro-theme-stone