{"id":887,"date":"2026-05-20T09:52:10","date_gmt":"2026-05-20T01:52:10","guid":{"rendered":"https:\/\/junai.ai\/blog\/nextjs-loading-error-ui-11\/"},"modified":"2026-05-20T09:52:10","modified_gmt":"2026-05-20T01:52:10","slug":"nextjs-loading-error-ui-11","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/nextjs-loading-error-ui-11\/","title":{"rendered":"loading.tsx\u00b7error.tsx \u2014 \ub85c\ub529\uacfc \uc5d0\ub7ec UI \ubd84\ub9ac"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 833 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root {--color-primary:#4f46e5;--color-accent:#6366f1;--color-bg:#fafbfc;--color-bg-card:#fff;--color-text:#1a202c;--color-text-muted:#64748b;--hero-start:#1e1b4b;--hero-end:#4338ca;}\n*{box-sizing:border-box;}\n.container{max-width:760px;margin:0 auto;padding:0 24px 80px;}\n.hero{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);color:#fff;padding:80px 24px 60px;text-align:center;}\n.hero .eyebrow{display:inline-block;font-size:14px;color:#a78bfa;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;}\n.hero h1{font-size:36px;margin:0 0 16px;line-height:1.3;font-weight:800;}\n.hero p{color:#c7d2fe;font-size:18px;max-width:640px;margin:0 auto;line-height:1.6;}\n.hero img{width:100%;max-width:640px;height:auto;margin:32px auto 0;border-radius:10px;display:block;}\narticle{padding-top:48px;}\narticle h2{font-size:26px;margin:56px 0 20px;padding-left:14px;border-left:5px solid var(--color-accent);line-height:1.4;}\narticle h3{font-size:19px;margin:32px 0 12px;color:var(--color-primary);}\narticle p{margin:16px 0;}\narticle strong{color:var(--color-primary);font-weight:700;}\narticle code{background:#eef2ff;padding:2px 8px;border-radius:4px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;color:#4338ca;}\n.databox{background:#eef2ff;border-left:4px solid var(--color-accent);padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0;font-size:15.5px;}\n.databox strong{color:var(--color-primary);}\n.warnbox{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:16px 20px;margin:24px 0;border-radius:8px;font-size:15.5px;}\n.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}\ntable{width:100%;border-collapse:collapse;font-size:15px;background:var(--color-bg-card);}\nth,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;}\nth{background:#f1f5f9;font-weight:700;color:#0f172a;}\ntd:first-child,th:first-child{font-weight:700;}\n@media (max-width:560px){.tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap th,.tablewrap td{display:block;width:auto;}.tablewrap thead{display:none;}.tablewrap tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;}.tablewrap td{border:none;border-bottom:1px solid #f1f5f9;padding:9px 14px;}.tablewrap td:first-child{background:#f1f5f9;font-weight:800;font-size:15.5px;}.tablewrap td:last-child{border-bottom:none;}.tablewrap td[data-label]::before{content:attr(data-label) \" \u2014 \";font-weight:700;color:var(--color-primary);}}\n.code-block{background:#0f172a;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:20px 0;overflow-x:auto;white-space:pre;}\n.cta{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);color:#fff;padding:28px 24px;border-radius:12px;margin:48px 0 0;text-align:center;}\n.cta h3{color:#fff;margin:0 0 8px;font-size:20px;}\n.cta p{color:#c7d2fe;margin:0;font-size:15.5px;}\n.footer-nav{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:14px;color:var(--color-text-muted);}\n.footer-nav a{color:var(--color-primary);text-decoration:none;}\n@media (max-width:480px){.hero h1{font-size:26px;}.hero p{font-size:16px;}article h2{font-size:21px;}article h3{font-size:17px;}body{font-size:16px;}}\n<\/style>\n<section class=\"hero\">\n  <span class=\"eyebrow\">Next.js \uad50\uc7ac \u00b7 11\ud3b8 \u00b7 loading\u00b7error<\/span>\n  <h1>loading.tsx\u00b7error.tsx \u2014 \ub85c\ub529\uacfc \uc5d0\ub7ec UI \ubd84\ub9ac<\/h1>\n  <p>useState\u00b7try-catch \uc5c6\uc774 \ud30c\uc77c \ub450 \uac1c\ub85c UX 80% \ub05d.<\/p>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-5-66.jpg\" alt=\"\ub85c\ub529 \uc2a4\ud53c\ub108\uc640 \uc5d0\ub7ec \ud3f4\ubc31\uc774 \ud398\uc774\uc9c0 \uc790\ub9ac\uc5d0 \ub098\ud0c0\ub098\ub294 \ucee8\uc149 \uc77c\ub7ec\uc2a4\ud2b8\">\n<\/section>\n\n<div class=\"container\">\n<article>\n\n<p>\uc61b React \uc5d0\uc120 \ubaa8\ub4e0 \ud398\uc774\uc9c0\ub9c8\ub2e4 \uac19\uc740 \ud328\ud134\uc744 \ubc18\ubcf5\ud574\uc57c \ud588\ub2e4 \u2014 <code>useState({loading: false, error: null, data: null})<\/code> \ub9cc\ub4e4\uace0, fetch \ud638\ucd9c \uc804\ud6c4\ub85c setState, JSX \uc548\uc5d0\uc11c <code>{loading ? &lt;Spinner \/&gt; : error ? &lt;Error \/&gt; : &lt;Real \/&gt;}<\/code> \ubd84\uae30. 10\ubc88 \ud398\uc774\uc9c0 \ub9cc\ub4e4\uba74 \uac19\uc740 \ucf54\ub4dc 10\ubc88.<\/p>\n\n<p>App Router \uc758 \ub2f5\uc774 <strong>\ud2b9\uc218 \ud30c\uc77c\ub85c \ubd84\ub9ac<\/strong>. <code>loading.tsx<\/code> \uc640 <code>error.tsx<\/code> \ub97c \ud55c \ud3f4\ub354\uc5d0 \ub450\uba74 \u2014 \uadf8 \ud3f4\ub354 \uc548 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uac00 \uc790\ub3d9\uc73c\ub85c \uadf8 UI \ub97c \uc4f4\ub2e4. \ub530\ub85c import \ub3c4 \ubd84\uae30\ub3c4 \uc5c6\uc74c. React \uc758 <code>&lt;Suspense&gt;<\/code> \uc640 <code>ErrorBoundary<\/code> \ub97c Next \uac00 \uc790\ub3d9\uc73c\ub85c \uac10\uc2f8\uc900\ub2e4.<\/p>\n\n<h2>1. loading.tsx \u2014 \uc790\ub3d9 \ub85c\ub529 UI<\/h2>\n\n<p>\uac00\uc7a5 \ub2e8\uc21c\ud55c \uc608. <code>app\/dashboard\/loading.tsx<\/code> \ub9cc \ub9cc\ub4e4\uba74 \ub05d.<\/p>\n\n<div class=\"code-block\">\/\/ app\/dashboard\/loading.tsx\nexport default function Loading() {\n  return (\n    &lt;div className=&#8221;skeleton&#8221;&gt;\n      &lt;div className=&#8221;skeleton-card&#8221; \/&gt;\n      &lt;div className=&#8221;skeleton-card&#8221; \/&gt;\n      &lt;div className=&#8221;skeleton-card&#8221; \/&gt;\n    &lt;\/div&gt;\n  );\n}\n\n\/\/ app\/dashboard\/page.tsx\nexport default async function DashboardPage() {\n  const stats = await fetchSlowStats(); \/\/ 1\ucd08 \uac78\ub9bc\n  return &lt;Dashboard stats={stats} \/&gt;;\n}<\/div>\n\n<p>\uc0ac\uc6a9\uc790\uac00 <code>\/dashboard<\/code> \ub85c \uc774\ub3d9\ud558\uba74 \u2014 Next \uac00 \uc790\ub3d9\uc73c\ub85c <strong>\uba3c\uc800 loading \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc989\uc2dc \ub80c\ub354<\/strong>, \ubc31\uadf8\ub77c\uc6b4\ub4dc\uc5d0\uc11c <code>fetchSlowStats<\/code> \uac00 \ub05d\ub098\uba74 \uc9c4\uc9dc \ud398\uc774\uc9c0\ub85c \uad50\uccb4. <code>useState<\/code>\u00b7<code>useEffect<\/code> \ud55c \uc904 \uc5c6\uc774.<\/p>\n\n<div class=\"databox\">\n<strong>\uc2e4\uc81c \uba54\ucee4\ub2c8\uc998<\/strong> \u2014 Next \uac00 \ub0b4\ubd80\uc801\uc73c\ub85c <code>&lt;Suspense fallback={&lt;Loading \/&gt;}&gt;&lt;Page \/&gt;&lt;\/Suspense&gt;<\/code> \ub85c \uc790\ub3d9 \uac10\uc2fc\ub2e4. React Suspense \uc758 \ud45c\uc900 \ud328\ud134\uc744 \ud30c\uc77c \uc2dc\uc2a4\ud15c \ucee8\ubca4\uc158\uc73c\ub85c \ub2e8\uc21c\ud654\ud55c \uac83. \uc775\uc219\ud574\uc9c0\uba74 \uc61b useState \ubd84\uae30 \ucf54\ub4dc\uac00 \ub054\ucc0d\ud574 \ubcf4\uc778\ub2e4.\n<\/div>\n\n<h2>2. error.tsx \u2014 \uc790\ub3d9 \uc5d0\ub7ec \ud3f4\ubc31<\/h2>\n\n<p>\uac19\uc740 \ud328\ud134. <code>app\/dashboard\/error.tsx<\/code> \ub9cc \ub9cc\ub4e4\uba74 \uadf8 \ud3f4\ub354\uc758 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uac00 \uc5d0\ub7ec \ubc1c\uc0dd \uc2dc \uc774 UI \ub85c \uc790\ub3d9 \ub300\uccb4.<\/p>\n\n<div class=\"code-block\">\/\/ app\/dashboard\/error.tsx\n&#8216;use client&#8217;;   \/\/ \u2190 \ubc18\ub4dc\uc2dc client (\uc7ac\uc2dc\ub3c4 \ubc84\ud2bc\uc774 \uc778\ud130\ub799\ud2f0\ube0c\ud558\ub2c8\uae4c)\n\nexport default function ErrorBoundary({\n  error,\n  reset,\n}: {\n  error: Error;\n  reset: () =&gt; void;\n}) {\n  return (\n    &lt;div className=&#8221;error-state&#8221;&gt;\n      &lt;h2&gt;\ubb54\uac00 \uc798\ubabb\ub410\uc5b4\uc694&lt;\/h2&gt;\n      &lt;p&gt;{error.message}&lt;\/p&gt;\n      &lt;button onClick={() =&gt; reset()}&gt;\ub2e4\uc2dc \uc2dc\ub3c4&lt;\/button&gt;\n    &lt;\/div&gt;\n  );\n}<\/div>\n\n<p>\ub450 \uac00\uc9c0\ub97c \ubc1b\ub294\ub2e4 \u2014 <code>error<\/code>(\uc5d0\ub7ec \uac1d\uccb4) \uc640 <code>reset<\/code>(\uc7ac\uc2dc\ub3c4 \ud568\uc218). <code>reset()<\/code> \uc744 \ud638\ucd9c\ud558\uba74 Next \uac00 \uadf8 \uc5d0\ub7ec \ubc14\uc6b4\ub354\ub9ac \uc548\ucabd\uc744 \ub2e4\uc2dc \ub80c\ub354. \uc0ac\uc774\ub4dc \uba54\ub274\ub294 \uadf8\ub300\ub85c, \uae68\uc9c4 \uc601\uc5ed\ub9cc \ub2e4\uc2dc \uc2dc\ub3c4.<\/p>\n\n<p><strong>\uaf2d <code>'use client'<\/code> \ub97c \uc801\uc5b4\uc57c \ud55c\ub2e4<\/strong>. \uc7ac\uc2dc\ub3c4 \ubc84\ud2bc\uc774 onClick \uc73c\ub85c \uc778\ud130\ub799\ud2f0\ube0c\ud558\ub2c8\uae4c. \uc11c\ubc84 \ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc120 \ub3d9\uc791 \uc548 \ud568.<\/p>\n\n<h2>3. not-found.tsx \u2014 404 \uc804\uc6a9<\/h2>\n\n<p>\ube44\uc2b7\ud55c \uacb0\uc758 \uc14b\uc9f8. \ub3d9\uc801 \ub77c\uc6b0\ud2b8\uc5d0\uc11c \ub370\uc774\ud130\uac00 \uc5c6\uc744 \ub54c.<\/p>\n\n<div class=\"code-block\">\/\/ app\/blog\/[slug]\/not-found.tsx\nimport Link from &#8216;next\/link&#8217;;\n\nexport default function NotFound() {\n  return (\n    &lt;div&gt;\n      &lt;h2&gt;\uae00\uc744 \ucc3e\uc744 \uc218 \uc5c6\uc5b4\uc694&lt;\/h2&gt;\n      &lt;Link href=&#8221;\/blog&#8221;&gt;\ube14\ub85c\uadf8 \ubaa9\ub85d\uc73c\ub85c&lt;\/Link&gt;\n    &lt;\/div&gt;\n  );\n}\n\n\/\/ app\/blog\/[slug]\/page.tsx\nimport { notFound } from &#8216;next\/navigation&#8217;;\n\nexport default async function PostPage({ params }) {\n  const post = await getPost((await params).slug);\n  if (!post) notFound();    \/\/ \u2190 \uc774 \ud55c \uc904\uc774 404 \ud2b8\ub9ac\uac70\n  return &lt;article&gt;\u2026&lt;\/article&gt;;\n}<\/div>\n\n<p>\ud398\uc774\uc9c0 \uc548\uc5d0\uc11c <code>notFound()<\/code> \ud638\ucd9c \u2192 Next \uac00 \uc989\uc2dc \uac00\uc7a5 \uac00\uae4c\uc6b4 <code>not-found.tsx<\/code> \ub85c \uc810\ud504. <code>throw new Error('Not Found')<\/code> \uac19\uc740 \uac70 \uc548 \ud574\ub3c4 \ub428.<\/p>\n\n<h2>4. 4\uac00\uc9c0 \ud2b9\uc218 UI \ud55c \ud45c\ub85c<\/h2>\n\n<div class=\"tablewrap\">\n<table>\n<thead><tr><th>\ud30c\uc77c<\/th><th>\uc5b8\uc81c<\/th><th>&#8216;use client&#8217;<\/th><\/tr><\/thead>\n<tbody>\n<tr><td><code>loading.tsx<\/code><\/td><td data-label=\"\uc5b8\uc81c\">page \uac00 async \ub77c \ub370\uc774\ud130 \uae30\ub2e4\ub9ac\ub294 \uc911<\/td><td data-label=\"client\">\uc120\ud0dd (\ubcf4\ud1b5 \uc11c\ubc84)<\/td><\/tr>\n<tr><td><code>error.tsx<\/code><\/td><td data-label=\"\uc5b8\uc81c\">\ub80c\ub354 \ub3c4\uc911 \uc608\uc678 throw<\/td><td data-label=\"client\">\ud544\uc218 (reset \ubc84\ud2bc)<\/td><\/tr>\n<tr><td><code>not-found.tsx<\/code><\/td><td data-label=\"\uc5b8\uc81c\"><code>notFound()<\/code> \ud638\ucd9c \ub610\ub294 404 URL<\/td><td data-label=\"client\">\uc120\ud0dd<\/td><\/tr>\n<tr><td><code>global-error.tsx<\/code><\/td><td data-label=\"\uc5b8\uc81c\">\ub8e8\ud2b8 layout \uc790\uccb4 \uae68\uc9d0<\/td><td data-label=\"client\">\ud544\uc218 + <code>&lt;html&gt;<\/code> \ud3ec\ud568<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<p><strong><code>global-error.tsx<\/code><\/strong> \ub294 \uac70\uc758 \ub9c8\uc9c0\ub9c9 \uc548\uc804\ub9dd. \ub8e8\ud2b8 <code>app\/layout.tsx<\/code> \uac00 \uae68\uc84c\uc744 \ub54c (\ub4dc\ubb3c\uc9c0\ub9cc \uc874\uc7ac). \uc790\uccb4 <code>&lt;html&gt;<\/code>\u00b7<code>&lt;body&gt;<\/code> \ub97c \ud3ec\ud568\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n<h2>5. \ubd80\ubd84 \uc2a4\ud2b8\ub9ac\ubc0d \u2014 \ud55c \ud398\uc774\uc9c0 \uc548\uc5d0\uc11c \uc601\uc5ed\ubcc4 \ub85c\ub529<\/h2>\n\n<p>page \uc804\uccb4\uac00 \uc544\ub2c8\ub77c <strong>\uc77c\ubd80 \ucef4\ud3ec\ub10c\ud2b8\ub9cc<\/strong> \ub85c\ub529 \ucc98\ub9ac\ud558\uace0 \uc2f6\uc744 \ub54c. React <code>&lt;Suspense&gt;<\/code> \ub97c \uc9c1\uc811 \uc0ac\uc6a9.<\/p>\n\n<div class=\"code-block\">\/\/ app\/dashboard\/page.tsx\nimport { Suspense } from &#8216;react&#8217;;\n\nexport default function DashboardPage() {\n  return (\n    &lt;div&gt;\n      &lt;h1&gt;\ub300\uc2dc\ubcf4\ub4dc&lt;\/h1&gt;\n      &lt;StatsHeader \/&gt;   {\/* \uc989\uc2dc \ub80c\ub354 *\/}\n\n      &lt;Suspense fallback={&lt;ChartSkeleton \/&gt;}&gt;\n        &lt;SlowChart \/&gt;    {\/* fetch \ub05d\ub0a0 \ub54c\uae4c\uc9c0 ChartSkeleton *\/}\n      &lt;\/Suspense&gt;\n\n      &lt;Suspense fallback={&lt;TableSkeleton \/&gt;}&gt;\n        &lt;SlowTable \/&gt;\n      &lt;\/Suspense&gt;\n    &lt;\/div&gt;\n  );\n}<\/div>\n\n<p>\ucc28\ud2b8\uc640 \ud14c\uc774\ube14\uc774 \ub3c5\ub9bd\uc801\uc73c\ub85c \ub85c\ub4dc\ub418\uc5b4 \uac01\uc790 \ub05d\ub098\ub294 \ub300\ub85c \ud654\uba74\uc5d0 \ucc44\uc6cc\uc9c4\ub2e4. <strong>Streaming SSR<\/strong> \uc758 \uc9c4\uc218. \uc0ac\uc6a9\uc790\ub294 \ube60\ub974\uac8c \ud5e4\ub354\ubd80\ud130 \ubcf4\uace0, \ucc28\ud2b8\ub294 1\ucd08 \ub4a4, \ud14c\uc774\ube14\uc740 2\ucd08 \ub4a4 \uc790\ub3d9 \ucc44\uc6c0.<\/p>\n\n<div class=\"warnbox\">\n<strong>\ud754\ud55c \ud568\uc815<\/strong> \u2014 <code>loading.tsx<\/code> \ub294 \uadf8 \ud3f4\ub354 \uc804\uccb4\ub97c \uac10\uc2fc\ub2e4. \ubd80\ubd84\ub9cc \ub85c\ub529\ud558\uace0 \uc2f6\uc73c\uba74 <code>&lt;Suspense&gt;<\/code> \ub97c \ud398\uc774\uc9c0 \uc548\uc5d0\uc11c \uc9c1\uc811 \uc368\uc57c. \ub610 <code>error.tsx<\/code> \ub294 <strong>\uac19\uc740 \ub808\ubca8\uc758 layout \uc740 \ubabb \uc7a1\ub294\ub2e4<\/strong> \u2014 \ubd80\ubaa8 \ud3f4\ub354\ub85c \ud55c \ub2e8\uacc4 \uc62c\ub824\uc57c \uc7a1\ud798.\n<\/div>\n\n<h3>\uc694\uc57d \u2014 11\ud3b8 \uc88c\ud45c<\/h3>\n\n<p>\uc5ec\uae30\uae4c\uc9c0 \uc815\ub9ac. <strong>\ub124 \uac00\uc9c0 \ud2b9\uc218 \ud30c\uc77c<\/strong> \u2014 <code>loading.tsx<\/code>(\uc790\ub3d9 Suspense), <code>error.tsx<\/code>(&#8216;use client&#8217; + reset, \uc790\ub3d9 ErrorBoundary), <code>not-found.tsx<\/code>(<code>notFound()<\/code> + 404), <code>global-error.tsx<\/code>(\ucd5c\ud6c4 \uc548\uc804\ub9dd). \ubd80\ubd84 \uc601\uc5ed\ub9cc \ub85c\ub529 \ucc98\ub9ac\ud558\ub824\uba74 <code>&lt;Suspense&gt;<\/code> \ub97c \ud398\uc774\uc9c0 \uc548\uc5d0\uc11c \uc9c1\uc811. <code>useState<\/code>\u00b7<code>try\/catch<\/code> \ubd84\uae30 \ucf54\ub4dc\uac00 \uac70\uc758 \uc0ac\ub77c\uc9c4\ub2e4. \ub2e4\uc74c \ud3b8\uc5d0\uc11c Suspense \uc758 \uc9c4\uc9dc \uc7a0\uc7ac\ub825 \u2014 <strong>Streaming<\/strong>.<\/p>\n\n<div class=\"cta\">\n<h3>\ub2e4\uc74c \ud3b8 \uc608\uace0 \u2014 Suspense\uc640 \uc2a4\ud2b8\ub9ac\ubc0d<\/h3>\n<p>\ud070 \ud398\uc774\uc9c0\ub97c \ubd80\ubd84 \ubd80\ubd84 \ube60\ub974\uac8c \ubcf4\uc5ec\uc8fc\ub294 \uae30\ubc95. 12\ud3b8.<\/p>\n<\/div>\n\n<div class=\"footer-nav\">\n\uc2dc\ub9ac\uc988 \u00b7 <a href=\"https:\/\/junai.ai\/blog\/category\/nextjs\/\">\uc27d\uac8c \ubc30\uc6b0\ub294 Next.js<\/a> \u00b7 \uc774\uc804: <a href=\"https:\/\/junai.ai\/blog\/nextjs-form-mutation-10\/\">Ch.10 \ud3fc\uacfc \ubba4\ud14c\uc774\uc158<\/a>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>App Router \ud2b9\uc218 \ud30c\uc77c loading\u00b7error\u00b7not-found \ub85c UX \uc790\ub3d9\ud654. Suspense\u00b7ErrorBoundary \uc815\ub9ac. \uad50\uc7ac 11\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":833,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nextjs"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=887"}],"version-history":[{"count":0,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/887\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/833"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}