Astroのサーバーエンドポイントにおける redirect() メソッドでリダイレクトできない
- 公開日時
Astro でのユーザー認証をやってみたときに redirect() が思った通りに機能せず困ってしまいました。 Astro のレンダリングモードは server、バックエンドは Supabase です。 fetch() で登録用 API を叩く処理を行う際のお話です。フォームの POST で送信する場合はまた違うかもしれません。
Astro でのユーザー認証をやってみたときに redirect() が思った通りに機能せず困ってしまいました。 Astro のレンダリングモードは server、バックエンドは Supabase です。 fetch() で登録用 API を叩く処理を行う際のお話です。フォームの POST で送信する場合はまた違うかもしれません。
Lozad.js は、ウェブページのパフォーマンスを向上させるために遅延読み込み(Lazy loading)を実装するライブラリです。 Lozad.js を使用すると、ユーザーがスクロールして初めて要素が表示範囲に入る時に、その要素を「ふわっ」と表示させるようなアニメーションも実装できます。
こんな感じで data-src に画像パスをバインディングしてしまうと HTML でもそのまま data-src="~/assets/images/pc-xx.jpg" と出力されてしまい画像を読み込めません。
nuxt で異なるレイアウトファイルを使ったページ間の遷移の際に <transition> コンポーネントが使えず困っていました。 同一レイアウトの遷移はフェードイン / アウトで入れ替わるのにレイアウトが異なるときはパッと切り替わってしまったり。
lazysizes を使用してレスポンシブ対応しながら背景画像を遅延読み込み(lazyload)する方法です。
マウスカーソルのポインターをカスタマイズしてリンクにホバーするとポヨンと変形するようなもの。クールなサイトでたまに見かけますね。
Nuxt.js にて SSR かブラウザの処理かを判定する方法として『process.browser で分岐する』というものがよく知られているかと思います。
フロントエンド専門。フリーランスで10年以上活動しています。