Hello Next.js!
+} +``` + +Hello Next.js!
+} +``` + +-
+ {posts.map((post) => (
+
-
+ {posts.map((post) => (
+
Hello, Blog Post Page!
+} +``` + +Hello, Blog Post Page!
+} +``` + +-
+ {posts.map((post) => (
+
- + {post.title} + + ))} +
-
+ {posts.map((post) => (
+
- + {post.title} + + ))} +
Hello, Next.js!
+} +``` + +Hello, Next.js!
+} +``` + +-
+ {posts.map((post) => (
+
- {post.title} + ))} +
-
+ {posts.map((post) => (
+
- {post.title} + ))} +
-
+ {allPosts.map((post) => (
+
- {post.title} + ))} +
-
+ {allPosts.map((post) => (
+
- {post.title} + ))} +
-
+ {posts.map((post) => (
+
- {post.title} + ))} +
-
+ {posts.map((post) => (
+
- {post.title} + ))} +
Loading...
+ if (error) return Error: {error.message}
+
+ return (
+ -
+ {data.map((post: { id: string; title: string }) => (
+
- {post.title} + ))} +
Loading...
+ if (error) return Error: {error.message}
+
+ return (
+ -
+ {data.map((post) => (
+
- {post.title} + ))} +
Loading...
+}
+```
+
+Loading...
+}
+```
+
+
+ {/* このコンテンツは即座にクライアントに送信されます */}
+
+
+
+ {/* 境界でラップされたコンテンツはストリームされます */}
+
+
+
+ )
+}
+```
+
+ブログへようこそ
+最新の投稿を以下でお読みください。
+
+ {/* このコンテンツは即座にクライアントに送信されます */}
+
+
+
+ {/* 境界でラップされたコンテンツはストリームされます */}
+
+
+
+ )
+}
+```
+
+ブログへようこそ
+最新の投稿を以下でお読みください。
+
-
)
@@ -220,26 +218,26 @@ export default function Error({
何かがうまくいきませんでした！
+問題が発生しました！
-
)
@@ -249,11 +247,11 @@ export default function Error({ error, reset }) {
何かがうまくいきませんでした！
+問題が発生しました！
何かがうまくいきませんでした！
- +問題が発生しました！
+ ) @@ -296,15 +294,15 @@ export default function GlobalError({何かがうまくいきませんでした！
- +問題が発生しました！
+ ) diff --git a/docs/01-app/02-building-your-application/01-routing/07-redirecting.mdx b/docs/01-app/02-building-your-application/01-routing/07-redirecting.mdx index 8fe84611..b855a940 100644 --- a/docs/01-app/02-building-your-application/01-routing/07-redirecting.mdx +++ b/docs/01-app/02-building-your-application/01-routing/07-redirecting.mdx @@ -1,6 +1,6 @@ --- -title: 'リダイレクト' -description: 'Next.jsでリダイレクトを処理するさまざまな方法を学びます。' +title: 'リダイレクション' +description: 'Next.js でリダイレクトを処理するさまざまな方法を学びましょう。' related: links: - 'app/api-reference/functions/redirect' @@ -9,27 +9,27 @@ related: - 'app/api-reference/config/next-config-js/redirects' --- -Next.jsでリダイレクトを処理する方法はいくつかあります。このページでは、利用可能な各オプション、ユースケース、および大量のリダイレクトを管理する方法について説明します。 +Next.js でリダイレクトを処理する方法はいくつかあります。このページでは、それぞれのオプション、使用ケース、および大量のリダイレクトを管理する方法を説明します。
-
-このガイドでは、Next.jsにおけるデータ取得とキャッシュの基本を実用的な例とベストプラクティスを示しながら説明します。
+このガイドでは、Next.jsにおけるデータフェッチングとキャッシングの基本を具体的な例とベストプラクティスを通じて説明します。
-Next.jsにおけるデータ取得の最小限の例を以下に示します：
+以下はNext.jsでのデータ取得の最小限の例です。
例
+Examples
- [Next.js Commerce](https://vercel.com/templates/next.js/nextjs-commerce) - [On-Demand ISR](https://on-demand-isr.vercel.app) @@ -13,17 +13,17 @@ description: 'Next.jsでサーバーまたはクライアントでデータを-
{posts.map((post) => (
@@ -39,8 +39,8 @@ export default async function Page() {
```jsx title="app/page.js" switcher
export default async function Page() {
- let data = await fetch('https://api.vercel.app/blog')
- let posts = await data.json()
+ const data = await fetch('https://api.vercel.app/blog')
+ const posts = await data.json()
return (
-
{posts.map((post) => (
@@ -54,9 +54,9 @@ export default async function Page() {
-
{posts.map((post) => (
@@ -90,8 +90,8 @@ export default async function Page() {
```jsx title="app/page.js" switcher
export default async function Page() {
- let data = await fetch('https://api.vercel.app/blog')
- let posts = await data.json()
+ const data = await fetch('https://api.vercel.app/blog')
+ const posts = await data.json()
return (
-
{posts.map((post) => (
@@ -105,19 +105,19 @@ export default async function Page() {
-
{allPosts.map((post) => (
@@ -144,7 +144,7 @@ export default async function Page() {
import { db, posts } from '@/lib/db'
export default async function Page() {
- let allPosts = await db.select().from(posts)
+ const allPosts = await db.select().from(posts)
return (
-
{allPosts.map((post) => (
@@ -158,21 +158,21 @@ export default async function Page() {