Next.jsのIntercepting RoutesとParallel Routesを使ってモダンなUXを実現する

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/igz0

26users がブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

poad1010 この記事をおすすめしました

2025/02/02 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

Next.jsのIntercepting RoutesとParallel Routesを使ってモダンなUXを実現する

今回は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

ブックマークしたユーザー

toshi-toma2025/02/15
Toge2025/02/05
kyo_ago2025/02/04
balaem2025/02/03
dhesusan46492025/02/03
poad10102025/02/02
pecitropen2025/02/02
pointy2025/02/02
toshikish2025/02/02
yug12242025/02/02
mkusaka2025/02/02

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx