気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.comエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
1user
がブックマーク
0
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsで高速eコマースアプリを構築する | エピソード7: 商品検索とフィルタリング機能の実装 - Qiita
こんにちは！前回のエピソードでは、Core Web Vitalsを最適化し、Lighthouseスコアを90以上に引き上げま... こんにちは！前回のエピソードでは、Core Web Vitalsを最適化し、Lighthouseスコアを90以上に引き上げました。今回は、ユーザー体験をさらに向上させるために、商品検索とフィルタリング機能を追加します。Algoliaを活用して高速な検索機能を実装し、価格やカテゴリに基づくフィルタリングも構築します。Next.jsとTailwind CSSを使って、直感的な検索UIをデザインしましょう！ このエピソードのゴール AlgoliaをNext.jsに統合して検索機能を実装。 価格とカテゴリに基づくフィルタリング機能を追加。 検索とフィルタリングの状態を管理（デバウンスを活用）。 Tailwind CSSでレスポンシブな検索UIを構築。 必要なもの 前回のプロジェクト（next-ecommerce）がセットアップ済み。 Algoliaアカウント（無料プランで十分）。 @algolia
qiita.com/mokio
qiita.com/takaikeee12
qiita.com/key_1996
qiita.com/Taira0222
www.jiji.com
anond.hatelabo.jp
note.com/kaien
kojitaken.hatenablog.com
www3.nhk.or.jp
togetter.com
www.nikkei.com
www.nikkei.com
news.yahoo.co.jp
togetter.com
trilltrill.jp
anond.hatelabo.jp
www.sanspo.com
studyhacker.net
inside.pixiv.blog
engineers.ntt.com
cybozushiki.cybozu.co.jp
