[{"id":"b1919292-eb3c-4d80-b917-aba4edf0121b","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":2,"isToggleable":false},"content":[{"type":"text","text":"Overview","styles":{}}],"children":[]},{"id":"b5f50f13-75da-4829-a3eb-740885cb90b1","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Next.js provides built-in capabilities such as:","styles":{}}],"children":[]},{"id":"9286cbfb-d569-4ee3-928b-6f5db2192afc","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Server Side Rendering (SSR)","styles":{}}],"children":[]},{"id":"6c692d09-f6fe-4359-973f-8bef78cccab8","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Static Site Generation (SSG)","styles":{}}],"children":[]},{"id":"0d8214e6-419f-4ae5-b35b-c5c3548fa78d","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Metadata management","styles":{}}],"children":[]},{"id":"6f8ef6d9-f7d7-4f19-8365-ae2c39ac0b66","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Automatic sitemap generation","styles":{}}],"children":[]},{"id":"45aa178f-61e1-4893-952e-aaf77f664952","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Image optimization","styles":{}}],"children":[]},{"id":"dd7bbbd9-80dc-4ec9-a077-feef38e43957","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Fast performance","styles":{}}],"children":[]},{"id":"c01848f8-c16b-4506-80aa-2b4aed5ee06d","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"This guide explains how to implement SEO ","styles":{}},{"type":"text","text":"step-by-step in a production-ready Next.js application","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"c1329a22-e941-4751-8b98-b28a294f6046","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"e75f727c-7436-4a77-82d3-5d864edd732d","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"b9d7def5-2399-4d57-847a-55eebcd7439f","type":"sandpack","props":{"files":"[{\"id\":\"/styles.css\",\"name\":\"styles.css\",\"code\":\"body {\\n font-family: sans-serif;\\n -webkit-font-smoothing: auto;\\n -moz-font-smoothing: auto;\\n -moz-osx-font-smoothing: grayscale;\\n font-smoothing: auto;\\n text-rendering: optimizeLegibility;\\n font-smooth: always;\\n -webkit-tap-highlight-color: transparent;\\n -webkit-touch-callout: none;\\n}\\n\\nh1 {\\n font-size: 1.5rem;\\n}\",\"language\":\"css\"},{\"id\":\"/tsconfig.json\",\"name\":\"tsconfig.json\",\"code\":\"{\\n \\\"include\\\": [\\n \\\"./**/*\\\"\\n ],\\n \\\"compilerOptions\\\": {\\n \\\"strict\\\": true,\\n \\\"esModuleInterop\\\": true,\\n \\\"lib\\\": [ \\\"dom\\\", \\\"es2015\\\" ],\\n \\\"jsx\\\": \\\"react-jsx\\\"\\n }\\n}\",\"language\":\"json\"},{\"id\":\"/App.tsx\",\"name\":\"App.tsx\",\"code\":\"export default function App(): JSX.Element {\\n return

Hello world

\\n}\\n\",\"language\":\"typescript\"},{\"id\":\"/index.tsx\",\"name\":\"index.tsx\",\"code\":\"import React, { StrictMode } from \\\"react\\\";\\nimport { createRoot } from \\\"react-dom/client\\\";\\nimport \\\"./styles.css\\\";\\n\\nimport App from \\\"./App\\\";\\n\\nconst root = createRoot(document.getElementById(\\\"root\\\"));\\nroot.render(\\n \\n \\n \\n);\",\"language\":\"typescript\"},{\"id\":\"/public/index.html\",\"name\":\"public/index.html\",\"code\":\"\\n\\n\\n \\n \\n Document\\n\\n\\n

\\n\\n\",\"language\":\"html\"},{\"id\":\"/package.json\",\"name\":\"package.json\",\"code\":\"{\\n \\\"dependencies\\\": {\\n \\\"react\\\": \\\"^18.0.0\\\",\\n \\\"react-dom\\\": \\\"^18.0.0\\\",\\n \\\"react-scripts\\\": \\\"^5.0.0\\\"\\n },\\n \\\"main\\\": \\\"/src/index.tsx\\\",\\n \\\"devDependencies\\\": {}\\n}\",\"language\":\"json\"},{\"id\":\"/src/App.tsx\",\"name\":\"src/App.tsx\",\"code\":\"import \\\"./styles.css\\\";\\n\\nexport default function App() {\\n return (\\n

\\n

Hello React!

\\n

Edit src/App.tsx to get started

\\n

\\n );\\n}\",\"language\":\"typescript\"},{\"id\":\"/src/index.tsx\",\"name\":\"src/index.tsx\",\"code\":\"import React, { StrictMode } from \\\"react\\\";\\nimport { createRoot } from \\\"react-dom/client\\\";\\nimport \\\"./styles.css\\\";\\n\\nimport App from \\\"./App\\\";\\n\\nconst root = createRoot(document.getElementById(\\\"root\\\"));\\nroot.render(\\n \\n \\n \\n);\",\"language\":\"typescript\"},{\"id\":\"/src/styles.css\",\"name\":\"src/styles.css\",\"code\":\"body {\\n font-family: system-ui, sans-serif;\\n padding: 20px;\\n}\\n\",\"language\":\"css\"}]","template":"react-ts","activeFile":"/index.html","showCode":"true","width":"100%","height":"auto","emptyFolders":"[]"},"children":[]},{"id":"07cad580-e27e-4363-b27f-5eae1336784e","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"4d4e12c6-de86-4df4-9298-350aaa1f0314","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"56f7f4d1-9ca6-45aa-92ca-b15887fad9d6","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"4e88599d-767b-4336-8509-50b6cfb39084","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"64055b7c-3b3b-4c09-94b3-e3211bc818f3","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"f11111e2-548d-4b89-88fb-8e06b15ee2f5","type":"divider","props":{},"children":[]},{"id":"745cdf7b-491d-4d53-a132-5f13b83fa386","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 1 — Create a Next.js Project","styles":{}}],"children":[]},{"id":"655c31af-f7d0-46a5-a2cc-8b9f7a6d7639","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Create a new Next.js project using the official starter.","styles":{}}],"children":[]},{"id":"dc5138f8-323c-4c2c-9683-06bc685700dc","type":"procode","props":{"code":"npx create-next-app@latest my-seo-project","language":"javascript","filename":"","files":"[{\"id\":\"72uy2eyxn\",\"name\":\"code\",\"code\":\"npx create-next-app@latest my-seo-project\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"1b4a6dba-ac32-401e-9ee2-5fade7206f5a","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"e717307f-1ee4-439f-861a-c9fbfbb99ad0","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Enter the project folder:","styles":{}}],"children":[]},{"id":"7b178c8f-cb99-41be-bb7f-76f5d2a22239","type":"procode","props":{"code":"cd my-seo-project","language":"javascript","filename":"","files":"[{\"id\":\"81impshho\",\"name\":\"code\",\"code\":\"cd my-seo-project\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"46e0f6bc-7291-4afb-856f-b4f9e7b83982","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Run the development server:","styles":{}}],"children":[]},{"id":"e59c7962-6ca3-479b-a965-8ca0e03a9252","type":"procode","props":{"code":"npm run dev","language":"javascript","filename":"","files":"[{\"id\":\"gh439cw6c\",\"name\":\"code\",\"code\":\"npm run dev\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"9dbfe2b9-5280-4028-8d69-813ac30bb2a5","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Your application will be available at:","styles":{}}],"children":[]},{"id":"39f53aef-f32a-4bfc-ad09-385b92e2a28f","type":"procode","props":{"code":"http://localhost:3000","language":"javascript","filename":"","files":"[{\"id\":\"cfq88auiu\",\"name\":\"code\",\"code\":\"http://localhost:3000\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"a75508ca-b843-4cee-922c-4f75bbb42442","type":"divider","props":{},"children":[]},{"id":"aef2b2dd-b7ef-41b7-ac82-eadd4aaadc03","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 2 — Add Page Metadata","styles":{}}],"children":[]},{"id":"a4e49cef-050c-4c47-b3a0-879e4138b056","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Search engines use metadata to understand page content.","styles":{}}],"children":[]},{"id":"3ba3173c-dabd-4d23-8eaa-5df9abbb46fe","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Next.js provides a ","styles":{}},{"type":"text","text":"Metadata API","styles":{"bold":true}},{"type":"text","text":" for managing SEO tags.","styles":{}}],"children":[]},{"id":"703be04a-32b9-4328-bc43-7ba6d7bb5c73","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"0eb691dd-df1e-4a1e-ba3b-5fec63d00f4d","type":"procode","props":{"code":"export const metadata = {\n title: \"JavaScript Array Methods Guide\",\n description: \"Complete documentation for JavaScript array methods with examples.\"\n}","language":"javascript","filename":"","files":"[{\"id\":\"99puhciav\",\"name\":\"code\",\"code\":\"export const metadata = {\\n title: \\\"JavaScript Array Methods Guide\\\",\\n description: \\\"Complete documentation for JavaScript array methods with examples.\\\"\\n}\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"d48c730d-51df-4468-9cf4-a8ac0c96c432","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"Important Metadata Fields","styles":{}}],"children":[]},{"id":"56c60b6d-5fe6-4221-83fe-7bea260d787c","type":"table","props":{"textColor":"default"},"content":{"type":"tableContent","columnWidths":[null,null],"headerRows":1,"rows":[{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Property","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Purpose","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"title","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Page title shown in search results","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"description","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Summary of page content","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"keywords","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Optional keyword list","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"robots","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Controls indexing behavior","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]}]},"children":[]},{"id":"0e56217d-9e30-426b-91db-0c8c94967ba6","type":"divider","props":{},"children":[]},{"id":"5ad5655c-ff59-4464-b0a3-026607ffb4e5","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 3 — Use Semantic HTML Structure","styles":{}}],"children":[]},{"id":"9b4de12d-fb59-4e6f-a027-308d7210c8a7","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Search engines analyze the ","styles":{}},{"type":"text","text":"document structure","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"86cc6a7b-23dd-41cd-96ce-e3fd71127a9a","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example page structure:","styles":{}}],"children":[]},{"id":"adcc0be4-bc09-4c4e-b067-499bab707152","type":"procode","props":{"code":"

JavaScript Array Methods

\n\n

Mutating Methods

\n\n

push()

\n\n

Non-Mutating Methods

","language":"javascript","filename":"","files":"[{\"id\":\"c97gfp5ty\",\"name\":\"code\",\"code\":\"

JavaScript Array Methods

\\n\\n

Mutating Methods

\\n\\n

push()

\\n\\n

Non-Mutating Methods

\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"ae9c3b88-2dc9-4c91-bc76-8c04e262555b","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"Best Practices","styles":{}}],"children":[]},{"id":"37fdad21-42db-4830-aeb1-06aafdd4aa55","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"One ","styles":{}},{"type":"text","text":"h1","styles":{"code":true}},{"type":"text","text":" per page","styles":{}}],"children":[]},{"id":"aa244d9f-ef5b-473d-bb32-6f47fe3e451b","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Use hierarchical headings (","styles":{}},{"type":"text","text":"h2","styles":{"code":true}},{"type":"text","text":", ","styles":{}},{"type":"text","text":"h3","styles":{"code":true}},{"type":"text","text":")","styles":{}}],"children":[]},{"id":"f34c4d83-ec68-4435-97a2-42cf439b8a1a","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Include keywords naturally","styles":{}}],"children":[]},{"id":"e583ddc3-0b30-4b03-a4e4-cc6c07c67f3f","type":"divider","props":{},"children":[]},{"id":"1af0a5e7-6343-4f3d-8e3e-1648dd5cbf22","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 4 — Implement Static Site Generation (SSG)","styles":{}}],"children":[]},{"id":"55599491-dd24-4e38-ba20-b51aa0560a60","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Static pages load faster and are easier for search engines to crawl.","styles":{}}],"children":[]},{"id":"be3aa0a4-c9ee-4769-8013-cc2fc17d416e","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"c9b72923-9dee-4ad2-ae1c-5e842081f880","type":"procode","props":{"code":"export async function getStaticProps() {\n\n const res = await fetch('https://api.example.com/posts')\n const posts = await res.json()\n\n return {\n props: { posts }\n }\n\n}","language":"javascript","filename":"","files":"[{\"id\":\"jdg9e7u01\",\"name\":\"code\",\"code\":\"export async function getStaticProps() {\\n\\n const res = await fetch('https://api.example.com/posts')\\n const posts = await res.json()\\n\\n return {\\n props: { posts }\\n }\\n\\n}\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"abdfa2b1-1b05-4ace-97ba-f2039e39d13f","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"Benefits","styles":{}}],"children":[]},{"id":"cc5734b3-5e53-4ddd-bef2-7931ae4e643d","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Faster loading","styles":{}}],"children":[]},{"id":"2d1c5dac-1f62-4edc-8a78-de903b30751b","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Better SEO performance","styles":{}}],"children":[]},{"id":"1f8b7012-0ea3-4e63-b9ea-43c23a0d6bdf","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Reduced server load","styles":{}}],"children":[]},{"id":"68e77984-6cb4-4d12-bf4c-93bf156287b2","type":"divider","props":{},"children":[]},{"id":"44ddcb15-0755-4efe-9efd-b2dd38a6fefe","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 5 — Use Server Side Rendering for Dynamic Pages","styles":{}}],"children":[]},{"id":"6266e486-4ece-4ae7-9580-bd3e2d35a426","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"For frequently changing content, use SSR.","styles":{}}],"children":[]},{"id":"3a559519-0508-4f71-94d1-81febe7500df","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"0710e110-10d4-4007-b84e-5bb30cecf3fb","type":"procode","props":{"code":"export async function getServerSideProps() {\n\n const res = await fetch('https://api.example.com/products')\n const products = await res.json()\n\n return {\n props: { products }\n }\n\n}","language":"javascript","filename":"","files":"[{\"id\":\"id8t80oyc\",\"name\":\"code\",\"code\":\"export async function getServerSideProps() {\\n\\n const res = await fetch('https://api.example.com/products')\\n const products = await res.json()\\n\\n return {\\n props: { products }\\n }\\n\\n}\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"17220e54-2d41-40dd-9866-20e3cf56fac5","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"When to Use SSR","styles":{}}],"children":[]},{"id":"f7cf12f7-52f3-4c2c-a75d-33f5e1ee7e47","type":"table","props":{"textColor":"default"},"content":{"type":"tableContent","columnWidths":[null,null],"headerRows":1,"rows":[{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Scenario","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Example","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Dynamic content","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"product pages","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"user-specific data","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"dashboards","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"real-time updates","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"analytics","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]}]},"children":[]},{"id":"712c7029-b89f-4d57-84b9-9ae3dbaf968e","type":"divider","props":{},"children":[]},{"id":"dc4871b6-5653-495a-a876-b2cddc8d8a0e","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 6 — Create SEO-Friendly URLs","styles":{}}],"children":[]},{"id":"23e54fe3-fb9b-498e-87a8-6354ea5c061c","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"URLs should be ","styles":{}},{"type":"text","text":"short, descriptive, and keyword-focused","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"0402a27e-8550-42f0-a912-35da1ad327c8","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"758f518f-145b-4f38-b1e5-63d7bcc408a5","type":"procode","props":{"code":"/docs/javascript-array-methods\n/docs/gsap-scrolltrigger\n/docs/tailwind-dark-mode","language":"javascript","filename":"","files":"[{\"id\":\"myxvmum69\",\"name\":\"code\",\"code\":\"/docs/javascript-array-methods\\n/docs/gsap-scrolltrigger\\n/docs/tailwind-dark-mode\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"950d3fd2-fd56-42bd-a05e-942bd95d86ed","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Avoid query-based URLs:","styles":{}}],"children":[]},{"id":"7afc732f-95ef-45ea-9ffc-2a6e6901f91a","type":"procode","props":{"code":"/docs?id=123","language":"javascript","filename":"","files":"[{\"id\":\"yc1wrk7nt\",\"name\":\"code\",\"code\":\"/docs?id=123\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"3c47b811-b654-4ef1-a71b-9e7fade4c379","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Next.js automatically supports file-based routing.","styles":{}}],"children":[]},{"id":"2c9ebac5-48c8-478b-9b82-21af5e2ff1ff","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example folder structure:","styles":{}}],"children":[]},{"id":"73ce330e-b890-41a0-8e0a-f6445b329ae7","type":"procode","props":{"code":"app/\n ├ docs/\n │ ├ javascript-array-methods/\n │ │ └ page.tsx","language":"javascript","filename":"","files":"[{\"id\":\"46f1psa36\",\"name\":\"code\",\"code\":\"app/\\n ├ docs/\\n │ ├ javascript-array-methods/\\n │ │ └ page.tsx\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"b0d521f9-9126-4e37-8d43-1c58abce94ec","type":"divider","props":{},"children":[]},{"id":"7df75883-45b0-4bdf-93b9-bb0a464be1fc","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 7 — Generate a Sitemap","styles":{}}],"children":[]},{"id":"d290d857-6194-46ed-b3a2-ff792a5a46ca","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"A sitemap helps search engines discover all pages.","styles":{}}],"children":[]},{"id":"6d3f990f-f118-4c36-8501-d72340166480","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Create a sitemap file.","styles":{}}],"children":[]},{"id":"34bc9a7c-d64f-4f8e-8cb1-23c56fa24036","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"05f144dd-f160-451b-a3c9-d8ea14857225","type":"procode","props":{"code":"export default function sitemap() {\n return [\n {\n url: 'https://example.com',\n lastModified: new Date(),\n },\n ]\n}","language":"javascript","filename":"","files":"[{\"id\":\"ig1uj23kj\",\"name\":\"code\",\"code\":\"export default function sitemap() {\\n return [\\n {\\n url: 'https://example.com',\\n lastModified: new Date(),\\n },\\n ]\\n}\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"d70468ca-95ce-4f2b-998b-59d8a8a953be","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Output:","styles":{}}],"children":[]},{"id":"fbb0c753-49d9-4310-94e4-283101d328df","type":"procode","props":{"code":"/sitemap.xml","language":"javascript","filename":"","files":"[{\"id\":\"ula530tvq\",\"name\":\"code\",\"code\":\"/sitemap.xml\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"a6ecb8cd-859a-47a8-817d-244d9692d767","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Search engines will use this to index your pages.","styles":{}}],"children":[]},{"id":"a9078ed0-583d-406d-b780-12d16a7429b2","type":"divider","props":{},"children":[]},{"id":"62872c2e-f037-4d40-9de5-55d2b06ccc21","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 8 — Add robots.txt","styles":{}}],"children":[]},{"id":"6b3b6ca4-535d-4cfd-bdb4-13b5c1b495d1","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Robots.txt instructs search engines how to crawl your site.","styles":{}}],"children":[]},{"id":"75869409-f731-42f8-8165-7924c7a1ade0","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"ca856468-46a0-4d0c-8eb5-248a076332c8","type":"procode","props":{"code":"User-agent: *\nAllow: /\n\nSitemap: https://example.com/sitemap.xml","language":"javascript","filename":"","files":"[{\"id\":\"60zeyf3cc\",\"name\":\"code\",\"code\":\"User-agent: *\\nAllow: /\\n\\nSitemap: https://example.com/sitemap.xml\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"6fec74fd-1a94-4e8d-bb60-a3b30c11c54c","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Place this file in the ","styles":{}},{"type":"text","text":"public folder","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"74e65494-12ec-42ca-939f-33c6e2f95972","type":"procode","props":{"code":"public/robots.txt","language":"javascript","filename":"","files":"[{\"id\":\"5yopxjeze\",\"name\":\"code\",\"code\":\"public/robots.txt\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"3a00a08e-1360-4f20-89e7-69ae7ff12507","type":"divider","props":{},"children":[]},{"id":"f5e8b5e3-5af9-4d7a-bbbb-2b16c6910020","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 9 — Optimize Images","styles":{}}],"children":[]},{"id":"ad0948fb-92c3-4083-9899-51b8407bd6da","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Images should be optimized for performance.","styles":{}}],"children":[]},{"id":"0a4d7861-a0d1-4a6d-a0d8-7a6e5b4b6c72","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Next.js provides the ","styles":{}},{"type":"text","text":"Image component","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"2ad146d7-9de7-40df-84f6-299caf970cb0","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"3c73dd8c-6ccf-4a54-9244-b5688135991f","type":"procode","props":{"code":"import Image from 'next/image'\n\n","language":"javascript","filename":"","files":"[{\"id\":\"xa57msfd0\",\"name\":\"code\",\"code\":\"import Image from 'next/image'\\n\\n\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"4cd98a5a-e3f3-454b-8510-be3ac750302e","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Benefits:","styles":{}}],"children":[]},{"id":"a9e96fa8-08dd-447a-8359-d8088711e741","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"lazy loading","styles":{}}],"children":[]},{"id":"9821b76c-7b8c-4730-89d0-e165d7fab2fa","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"automatic resizing","styles":{}}],"children":[]},{"id":"b33efc6a-3be2-4101-94e5-51f8b3bd2cfc","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"modern image formats","styles":{}}],"children":[]},{"id":"8a6b8156-2d53-4fcf-9e52-1bf1cf37d33a","type":"divider","props":{},"children":[]},{"id":"09b1349a-4301-4858-af08-d7720fad41cf","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 10 — Add Internal Links","styles":{}}],"children":[]},{"id":"d03396a7-8785-44fb-ac08-01604171ce1a","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Internal links improve both SEO and navigation.","styles":{}}],"children":[]},{"id":"24220e08-c338-4de9-b344-a318832fbefc","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example:","styles":{}}],"children":[]},{"id":"c271856b-d278-48f8-9801-a52bc5705fb6","type":"procode","props":{"code":"import Link from 'next/link'\n\n\n JavaScript Functions Guide\n","language":"javascript","filename":"","files":"[{\"id\":\"52q9kodha\",\"name\":\"code\",\"code\":\"import Link from 'next/link'\\n\\n\\n JavaScript Functions Guide\\n\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"586d18da-fd16-4a5f-ae4f-26da55d63067","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Benefits:","styles":{}}],"children":[]},{"id":"18ec92b9-5a81-492b-b550-c860e5b0f6ec","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"improves crawlability","styles":{}}],"children":[]},{"id":"11762c94-adf4-4a7f-a705-5b5a47cf6179","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"distributes page authority","styles":{}}],"children":[]},{"id":"fee0cc0e-d15d-4483-ac16-072e8cfa7244","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"helps search engines discover pages","styles":{}}],"children":[]},{"id":"e1797f18-724c-42cf-9fa1-01d239db60a5","type":"divider","props":{},"children":[]},{"id":"5a8b62e5-be9f-477f-963f-7d7b4d3acb09","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 11 — Add Structured Data (Schema)","styles":{}}],"children":[]},{"id":"7eb39d25-de50-45f3-95c0-8a8aa061a693","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Structured data improves search engine understanding.","styles":{}}],"children":[]},{"id":"536033e8-660e-4c44-b158-0b664cd0492c","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example JSON-LD:","styles":{}}],"children":[]},{"id":"0bfcb51b-442b-4e66-bec3-8698ece636da","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"ield2u11b\",\"name\":\"code\",\"code\":\"\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"59d475c3-9b4d-4807-a7c3-0e0d55d9cb47","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"This can improve ","styles":{}},{"type":"text","text":"rich results in search engines","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"8cf849e5-9671-4652-8ce9-9088b6c19e33","type":"divider","props":{},"children":[]},{"id":"29cc91d3-7fbf-4ee9-97ab-45588dd258db","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Step 12 — Improve Performance","styles":{}}],"children":[]},{"id":"13b7619c-1506-4e9d-ab58-8eaeb754a642","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Performance directly affects SEO ranking.","styles":{}}],"children":[]},{"id":"3646b45a-95b6-429e-bd65-414ee5c529c9","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Next.js provides built-in optimization:","styles":{}}],"children":[]},{"id":"b1071d44-0d55-4034-8145-5cb175abc87a","type":"table","props":{"textColor":"default"},"content":{"type":"tableContent","columnWidths":[null,null],"headerRows":1,"rows":[{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Feature","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Benefit","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Code Splitting","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Smaller JavaScript bundles","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Static Rendering","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Faster loading","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Image Optimization","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Reduced bandwidth","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Prefetching","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Faster navigation","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]}]},"children":[]},{"id":"167891d2-5fbf-4c46-9943-e47a1223e391","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Use tools like:","styles":{}}],"children":[]},{"id":"b40e7518-2d9b-4f2e-bbaa-1259623c9d7b","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Google Lighthouse","styles":{}}],"children":[]},{"id":"14d71f58-db20-465e-8726-aa8f746bb740","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Google Search Console","styles":{}}],"children":[]},{"id":"4842ec78-b1e6-45dc-a56a-4e5e46c23304","type":"divider","props":{},"children":[]},{"id":"674605f7-bd51-4470-a373-81faef370b23","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Recommended SEO Folder Structure","styles":{}}],"children":[]},{"id":"71c44fb8-aad0-4bd8-b1be-d61ea77e1994","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Example structure for a documentation website.","styles":{}}],"children":[]},{"id":"b2b1c042-1de5-4112-8757-21fbf6c43c27","type":"procode","props":{"code":"app/\n ├ docs/\n │ ├ javascript/\n │ │ ├ array-methods/\n │ │ │ └ page.tsx\n │ │ ├ functions/\n │ │ │ └ page.tsx\n │ │ └ objects/\n │ │ └ page.tsx","language":"javascript","filename":"","files":"[{\"id\":\"4cywwamcx\",\"name\":\"code\",\"code\":\"app/\\n ├ docs/\\n │ ├ javascript/\\n │ │ ├ array-methods/\\n │ │ │ └ page.tsx\\n │ │ ├ functions/\\n │ │ │ └ page.tsx\\n │ │ └ objects/\\n │ │ └ page.tsx\",\"language\":\"javascript\"}]","width":"100%","height":"auto"},"children":[]},{"id":"1817d55c-cb33-496f-bed1-136c8cfd375f","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Benefits:","styles":{}}],"children":[]},{"id":"5ecf1cca-5bdd-4858-bf12-88aabe82e707","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"clean URLs","styles":{}}],"children":[]},{"id":"ba8604a4-ee68-41f5-818b-e9ee0934cb2d","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"better crawlability","styles":{}}],"children":[]},{"id":"c791665e-2797-41ea-9569-28b467d2222b","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"organized content hierarchy","styles":{}}],"children":[]},{"id":"fada3e88-d4fc-482e-9fa5-60f8c9037c5b","type":"divider","props":{},"children":[]},{"id":"0a612c07-1c9b-480d-9177-65540ced1082","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":1,"isToggleable":false},"content":[{"type":"text","text":"Final SEO Checklist","styles":{}}],"children":[]},{"id":"b5881f00-7dd7-4602-8432-f3e47471bd27","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Before deploying your Next.js application:","styles":{}}],"children":[]},{"id":"4e411e06-5e46-4ffc-8cc3-63061eb031be","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"✔ Add page metadata\n\n✔ Use semantic HTML structure\n\n✔ Generate sitemap\n\n✔ Configure robots.txt\n\n✔ Optimize images\n\n✔ Add internal linking\n\n✔ Use static generation when possible\n\n✔ Improve performance metrics","styles":{}}],"children":[]},{"id":"449fd8bf-1e04-48e3-a3d8-bbc479cc75ce","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]}]