astroでホームページ制作

SEOのことを意識して作成したいので、以下のリポジトリを参考に作成していく
https://github.com/jonasmerlin/astro-seo

コンポーネントが充実しているしクラス名の命名を考えなくていいので、Tailwind CSSを使おうと思う

https://tailwindcss.com/

問い合わせのエンドポイントは、newtのapp formを使う

https://app.newt.so

ホスティングサーバーはvercel

useEffectが動かない問題が発生したが、以下のようにクライアント側で動作するようにすると解決できる

<GoogleMap client:load />

クライアント側で実行する場合環境変数名の先頭にPUBLIC_が必要

PUBLIC_GOOGLE_MAPS_API_KEY

astro basic認証

https://blog.logrocket.com/working-astro-middleware/

SSGでは、アクセスした段階で静的なデータを返しているので、はじめのリクエスト以降サーバーにリクエストが行われないので、認証情報がサーバーに送られない
そのため、basic認証を実装したい場合SSRで実装する必要がある

output: "server"