メインコンテンツにスキップ
ToolShed
ホーム
人気
新着ツール
すべてのツール
読み込み中...
ホーム
開発・コード変換
Next.jsファイル規約
開発・コード変換
無料
登録不要
Next.jsファイル規約
Next.js App Routerの特殊ファイル名(page/layout/loading等)の一覧と役割を解説する無料オンラインツール。
Input
Result
--- ルーティング --- page.tsx ページ (URLにマッチ) layout.tsx 共有レイアウト template.tsx 再レンダリングされるレイアウト not-found.tsx 404ページ error.tsx エラーバウンダリ loading.tsx ローディングUI route.ts APIエンドポイント --- メタデータ --- opengraph-image.tsx OGP画像生成 icon.tsx ファビコン sitemap.ts サイトマップ robots.ts robots.txt manifest.ts PWAマニフェスト --- 特殊ディレクトリ --- [slug]/ 動的ルート [...slug]/ キャッチオール [[...slug]]/ オプショナルキャッチオール (group)/ ルートグループ (URLに含まれない) @slot/ パラレルルート (.)route/ インターセプト --- データ取得 --- page.tsx で async/await generateStaticParams() 静的生成 generateMetadata() メタデータ
Copy
FAQ
よくある
質問
入力したデータはサーバーに送信されますか？
+
いいえ。Next.jsファイル規約はすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。
エンコーディングは何を使っていますか？
+
広告は表示されますか？
+
関連ツール
こちらも
おすすめ
Cron次回実行計算
Cron式から次回以降の実行スケジュールを一覧表示。直近10回の実行日時を即座に確認。バッチ処理やタスクスケジューラの設定確認に便利な無料オンラインツール。
ファイルハッシュチェッカー
ファイルのMD5・SHA-1・SHA-256ハッシュ値を算出して整合性を検証。ダウンロードファイルの改ざんチェックに。無料オンラインファイル検証ツール。
Next.js API Route ガイド
Next.js App RouterのAPI Route(route.ts)の書き方とパターン集を表示する無料オンラインツール。
アクセシビリティチェックリスト
Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。
APIキー生成
暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。
APIモックデータ生成
REST APIのモックレスポンスをJSON形式で自動生成。スキーマ定義からダミーデータを作成。フロントエンド開発・テストに便利な無料オンラインツール。
Next.js File Conventions | Development & Code | ToolShed | ToolShed