気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
Next.jsのIntercepting RoutesとParallel Routesを使ってモダンなUXを実現する
26 users
zenn.dev/igz0
zenn.dev/igz0
zenn.dev/igz0
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
今回はNext.js 13.3のApp Routerから導入されたIntercepting RoutesとParallel Routesを使用して、モダ... 今回はNext.js 13.3のApp Routerから導入されたIntercepting RoutesとParallel Routesを使用して、モダンなUXを実現する方法を解説します。 実際に動作するデモ https://nextjs-intercepting-routes-example-igz0.vercel.app/articles ※ モバイルでは通常の記事一覧表示になりますが、PCではサイドバーを使ったプレビュー表示になります。 ソースコード 1. はじめに このプロジェクトでは以下のような機能を実装します。 記事一覧ページ PC表示時は2カラムレイアウト 記事一覧の右側にサイドバーで記事プレビューを表示 モバイル表示時は1カラムレイアウト 通常の記事一覧ページを表示 記事詳細ページ PC・モバイルで共通のページ 通常のブログの記事ページのように記事の内容を表示 (1) In
zenn.dev/igz0
zenn.dev/igz0
zenn.dev/igz0
zenn.dev/igz0
www.itmedia.co.jp
togetter.com
www3.nhk.or.jp
www3.nhk.or.jp
www.cnn.co.jp
speakerdeck.com/twada
togetter.com
www.itmedia.co.jp
network.mobile.rakuten.co.jp
gigazine.net
xtech.nikkei.com
pc.watch.impress.co.jp
s.kabutan.jp
www.nitteleplus.com
iamcat.co.jp
newton-blog-part5.seesaa.net
posfie.com
productzine.jp
2025/02/02 リンク