[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"content:legacy:page:\u002Fcheatsheets\u002Fnext":3,"content:legacy:navigation":763,"content:legacy:surround:\u002Fcheatsheets\u002Fnext":1091},{"id":4,"title":5,"body":6,"description":751,"extension":752,"icon":753,"meta":754,"modifiedAt":755,"navigation":145,"path":756,"publishedAt":757,"seo":758,"sitemap":759,"stem":761,"updatedAt":760,"__hash__":762},"cheatsheets\u002Fcheatsheets\u002Fnext.md","Next",{"type":7,"value":8,"toc":749},"minimark",[9,14,80,84,232,236,361,365,434,438,505,509,567,571,635,639,713,717,745],[10,11,13],"h5",{"id":12},"️-cli-project-setup","⚡️ CLI & Project Setup",[15,16,21],"pre",{"className":17,"code":18,"language":19,"meta":20,"style":20},"language-bash shiki shiki-themes github-light github-dark","npx create-next-app my-app\nnpm run dev\nnpm run build\nnpm start\nnpm run lint\n","bash","",[22,23,24,40,52,62,70],"code",{"__ignoreMap":20},[25,26,29,33,37],"span",{"class":27,"line":28},"line",1,[25,30,32],{"class":31},"sScJk","npx",[25,34,36],{"class":35},"sZZnC"," create-next-app",[25,38,39],{"class":35}," my-app\n",[25,41,43,46,49],{"class":27,"line":42},2,[25,44,45],{"class":31},"npm",[25,47,48],{"class":35}," run",[25,50,51],{"class":35}," dev\n",[25,53,55,57,59],{"class":27,"line":54},3,[25,56,45],{"class":31},[25,58,48],{"class":35},[25,60,61],{"class":35}," build\n",[25,63,65,67],{"class":27,"line":64},4,[25,66,45],{"class":31},[25,68,69],{"class":35}," start\n",[25,71,73,75,77],{"class":27,"line":72},5,[25,74,45],{"class":31},[25,76,48],{"class":35},[25,78,79],{"class":35}," lint\n",[10,81,83],{"id":82},"pages-routing","🧩 Pages & Routing",[15,85,89],{"className":86,"code":87,"language":88,"meta":20,"style":20},"language-jsx shiki shiki-themes github-light github-dark","\u002F\u002F pages\u002Findex.js\nexport default function Home() {\n  return \u003Ch1>Home Page\u003C\u002Fh1>;\n}\n\n\u002F\u002F Dynamic route: pages\u002Fposts\u002F[id].js\nimport { useRouter } from 'next\u002Frouter';\nexport default function Post() {\n  const { query } = useRouter();\n  return \u003Cdiv>Post ID: {query.id}\u003C\u002Fdiv>;\n}\n","jsx",[22,90,91,97,116,136,141,147,153,171,185,210,227],{"__ignoreMap":20},[25,92,93],{"class":27,"line":28},[25,94,96],{"class":95},"sJ8bj","\u002F\u002F pages\u002Findex.js\n",[25,98,99,103,106,109,112],{"class":27,"line":42},[25,100,102],{"class":101},"szBVR","export",[25,104,105],{"class":101}," default",[25,107,108],{"class":101}," function",[25,110,111],{"class":31}," Home",[25,113,115],{"class":114},"sVt8B","() {\n",[25,117,118,121,124,128,131,133],{"class":27,"line":54},[25,119,120],{"class":101},"  return",[25,122,123],{"class":114}," \u003C",[25,125,127],{"class":126},"s9eBZ","h1",[25,129,130],{"class":114},">Home Page\u003C\u002F",[25,132,127],{"class":126},[25,134,135],{"class":114},">;\n",[25,137,138],{"class":27,"line":64},[25,139,140],{"class":114},"}\n",[25,142,143],{"class":27,"line":72},[25,144,146],{"emptyLinePlaceholder":145},true,"\n",[25,148,150],{"class":27,"line":149},6,[25,151,152],{"class":95},"\u002F\u002F Dynamic route: pages\u002Fposts\u002F[id].js\n",[25,154,156,159,162,165,168],{"class":27,"line":155},7,[25,157,158],{"class":101},"import",[25,160,161],{"class":114}," { useRouter } ",[25,163,164],{"class":101},"from",[25,166,167],{"class":35}," 'next\u002Frouter'",[25,169,170],{"class":114},";\n",[25,172,174,176,178,180,183],{"class":27,"line":173},8,[25,175,102],{"class":101},[25,177,105],{"class":101},[25,179,108],{"class":101},[25,181,182],{"class":31}," Post",[25,184,115],{"class":114},[25,186,188,191,194,198,201,204,207],{"class":27,"line":187},9,[25,189,190],{"class":101},"  const",[25,192,193],{"class":114}," { ",[25,195,197],{"class":196},"sj4cs","query",[25,199,200],{"class":114}," } ",[25,202,203],{"class":101},"=",[25,205,206],{"class":31}," useRouter",[25,208,209],{"class":114},"();\n",[25,211,213,215,217,220,223,225],{"class":27,"line":212},10,[25,214,120],{"class":101},[25,216,123],{"class":114},[25,218,219],{"class":126},"div",[25,221,222],{"class":114},">Post ID: {query.id}\u003C\u002F",[25,224,219],{"class":126},[25,226,135],{"class":114},[25,228,230],{"class":27,"line":229},11,[25,231,140],{"class":114},[10,233,235],{"id":234},"data-fetching","🚀 Data Fetching",[15,237,239],{"className":86,"code":238,"language":88,"meta":20,"style":20},"\u002F\u002F Static Generation\nexport async function getStaticProps() {\n  return { props: { data: 'value' } };\n}\n\n\u002F\u002F Dynamic Paths\nexport async function getStaticPaths() {\n  return { paths: [{ params: { id: '1' } }], fallback: false };\n}\n\n\u002F\u002F Server-side Rendering\nexport async function getServerSideProps() {\n  return { props: { data: 'value' } };\n}\n",[22,240,241,246,260,273,277,281,286,299,318,322,326,331,345,356],{"__ignoreMap":20},[25,242,243],{"class":27,"line":28},[25,244,245],{"class":95},"\u002F\u002F Static Generation\n",[25,247,248,250,253,255,258],{"class":27,"line":42},[25,249,102],{"class":101},[25,251,252],{"class":101}," async",[25,254,108],{"class":101},[25,256,257],{"class":31}," getStaticProps",[25,259,115],{"class":114},[25,261,262,264,267,270],{"class":27,"line":54},[25,263,120],{"class":101},[25,265,266],{"class":114}," { props: { data: ",[25,268,269],{"class":35},"'value'",[25,271,272],{"class":114}," } };\n",[25,274,275],{"class":27,"line":64},[25,276,140],{"class":114},[25,278,279],{"class":27,"line":72},[25,280,146],{"emptyLinePlaceholder":145},[25,282,283],{"class":27,"line":149},[25,284,285],{"class":95},"\u002F\u002F Dynamic Paths\n",[25,287,288,290,292,294,297],{"class":27,"line":155},[25,289,102],{"class":101},[25,291,252],{"class":101},[25,293,108],{"class":101},[25,295,296],{"class":31}," getStaticPaths",[25,298,115],{"class":114},[25,300,301,303,306,309,312,315],{"class":27,"line":173},[25,302,120],{"class":101},[25,304,305],{"class":114}," { paths: [{ params: { id: ",[25,307,308],{"class":35},"'1'",[25,310,311],{"class":114}," } }], fallback: ",[25,313,314],{"class":196},"false",[25,316,317],{"class":114}," };\n",[25,319,320],{"class":27,"line":187},[25,321,140],{"class":114},[25,323,324],{"class":27,"line":212},[25,325,146],{"emptyLinePlaceholder":145},[25,327,328],{"class":27,"line":229},[25,329,330],{"class":95},"\u002F\u002F Server-side Rendering\n",[25,332,334,336,338,340,343],{"class":27,"line":333},12,[25,335,102],{"class":101},[25,337,252],{"class":101},[25,339,108],{"class":101},[25,341,342],{"class":31}," getServerSideProps",[25,344,115],{"class":114},[25,346,348,350,352,354],{"class":27,"line":347},13,[25,349,120],{"class":101},[25,351,266],{"class":114},[25,353,269],{"class":35},[25,355,272],{"class":114},[25,357,359],{"class":27,"line":358},14,[25,360,140],{"class":114},[10,362,364],{"id":363},"api-routes","📦 API Routes",[15,366,368],{"className":86,"code":367,"language":88,"meta":20,"style":20},"\u002F\u002F pages\u002Fapi\u002Fhello.js\nexport default function handler(req, res) {\n  res.status(200).json({ message: 'Hello API' });\n}\n",[22,369,370,375,402,430],{"__ignoreMap":20},[25,371,372],{"class":27,"line":28},[25,373,374],{"class":95},"\u002F\u002F pages\u002Fapi\u002Fhello.js\n",[25,376,377,379,381,383,386,389,393,396,399],{"class":27,"line":42},[25,378,102],{"class":101},[25,380,105],{"class":101},[25,382,108],{"class":101},[25,384,385],{"class":31}," handler",[25,387,388],{"class":114},"(",[25,390,392],{"class":391},"s4XuR","req",[25,394,395],{"class":114},", ",[25,397,398],{"class":391},"res",[25,400,401],{"class":114},") {\n",[25,403,404,407,410,412,415,418,421,424,427],{"class":27,"line":54},[25,405,406],{"class":114},"  res.",[25,408,409],{"class":31},"status",[25,411,388],{"class":114},[25,413,414],{"class":196},"200",[25,416,417],{"class":114},").",[25,419,420],{"class":31},"json",[25,422,423],{"class":114},"({ message: ",[25,425,426],{"class":35},"'Hello API'",[25,428,429],{"class":114}," });\n",[25,431,432],{"class":27,"line":64},[25,433,140],{"class":114},[10,435,437],{"id":436},"styling","🎨 Styling",[15,439,441],{"className":86,"code":440,"language":88,"meta":20,"style":20},"\u002F\u002F CSS Modules\nimport styles from '.\u002FHome.module.css';\n\u003Cdiv className={styles.header}>Header\u003C\u002Fdiv>\n\n\u002F\u002F Global CSS: styles\u002Fglobals.css\n\u002F\u002F Add import in pages\u002F_app.js\nimport '..\u002Fstyles\u002Fglobals.css';\n",[22,442,443,448,462,482,486,491,496],{"__ignoreMap":20},[25,444,445],{"class":27,"line":28},[25,446,447],{"class":95},"\u002F\u002F CSS Modules\n",[25,449,450,452,455,457,460],{"class":27,"line":42},[25,451,158],{"class":101},[25,453,454],{"class":114}," styles ",[25,456,164],{"class":101},[25,458,459],{"class":35}," '.\u002FHome.module.css'",[25,461,170],{"class":114},[25,463,464,467,469,472,474,477,479],{"class":27,"line":54},[25,465,466],{"class":114},"\u003C",[25,468,219],{"class":126},[25,470,471],{"class":31}," className",[25,473,203],{"class":101},[25,475,476],{"class":114},"{styles.header}>Header\u003C\u002F",[25,478,219],{"class":126},[25,480,481],{"class":114},">\n",[25,483,484],{"class":27,"line":64},[25,485,146],{"emptyLinePlaceholder":145},[25,487,488],{"class":27,"line":72},[25,489,490],{"class":95},"\u002F\u002F Global CSS: styles\u002Fglobals.css\n",[25,492,493],{"class":27,"line":149},[25,494,495],{"class":95},"\u002F\u002F Add import in pages\u002F_app.js\n",[25,497,498,500,503],{"class":27,"line":155},[25,499,158],{"class":101},[25,501,502],{"class":35}," '..\u002Fstyles\u002Fglobals.css'",[25,504,170],{"class":114},[10,506,508],{"id":507},"️-middleware","🛡️ Middleware",[15,510,514],{"className":511,"code":512,"language":513,"meta":20,"style":20},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F middleware.js (Next 13+)\nimport { NextResponse } from 'next\u002Fserver';\nexport function middleware(request) {\n  return NextResponse.next();\n}\n","js",[22,515,516,521,535,551,563],{"__ignoreMap":20},[25,517,518],{"class":27,"line":28},[25,519,520],{"class":95},"\u002F\u002F middleware.js (Next 13+)\n",[25,522,523,525,528,530,533],{"class":27,"line":42},[25,524,158],{"class":101},[25,526,527],{"class":114}," { NextResponse } ",[25,529,164],{"class":101},[25,531,532],{"class":35}," 'next\u002Fserver'",[25,534,170],{"class":114},[25,536,537,539,541,544,546,549],{"class":27,"line":54},[25,538,102],{"class":101},[25,540,108],{"class":101},[25,542,543],{"class":31}," middleware",[25,545,388],{"class":114},[25,547,548],{"class":391},"request",[25,550,401],{"class":114},[25,552,553,555,558,561],{"class":27,"line":64},[25,554,120],{"class":101},[25,556,557],{"class":114}," NextResponse.",[25,559,560],{"class":31},"next",[25,562,209],{"class":114},[25,564,565],{"class":27,"line":72},[25,566,140],{"class":114},[10,568,570],{"id":569},"navigation","🔗 Navigation",[15,572,574],{"className":86,"code":573,"language":88,"meta":20,"style":20},"import Link from 'next\u002Flink';\n\n\u003CLink href=\"\u002Fabout\">\n  \u003Ca>About\u003C\u002Fa>\n\u003C\u002FLink>\n",[22,575,576,590,594,611,626],{"__ignoreMap":20},[25,577,578,580,583,585,588],{"class":27,"line":28},[25,579,158],{"class":101},[25,581,582],{"class":114}," Link ",[25,584,164],{"class":101},[25,586,587],{"class":35}," 'next\u002Flink'",[25,589,170],{"class":114},[25,591,592],{"class":27,"line":42},[25,593,146],{"emptyLinePlaceholder":145},[25,595,596,598,601,604,606,609],{"class":27,"line":54},[25,597,466],{"class":114},[25,599,600],{"class":196},"Link",[25,602,603],{"class":31}," href",[25,605,203],{"class":101},[25,607,608],{"class":35},"\"\u002Fabout\"",[25,610,481],{"class":114},[25,612,613,616,619,622,624],{"class":27,"line":64},[25,614,615],{"class":114},"  \u003C",[25,617,618],{"class":126},"a",[25,620,621],{"class":114},">About\u003C\u002F",[25,623,618],{"class":126},[25,625,481],{"class":114},[25,627,628,631,633],{"class":27,"line":72},[25,629,630],{"class":114},"\u003C\u002F",[25,632,600],{"class":196},[25,634,481],{"class":114},[10,636,638],{"id":637},"️-image-optimization","🗂️ Image Optimization",[15,640,642],{"className":86,"code":641,"language":88,"meta":20,"style":20},"import Image from 'next\u002Fimage';\n\n\u003CImage src=\"\u002Flogo.png\" width={100} height={100} alt=\"Logo\" \u002F>\n",[22,643,644,658,662],{"__ignoreMap":20},[25,645,646,648,651,653,656],{"class":27,"line":28},[25,647,158],{"class":101},[25,649,650],{"class":114}," Image ",[25,652,164],{"class":101},[25,654,655],{"class":35}," 'next\u002Fimage'",[25,657,170],{"class":114},[25,659,660],{"class":27,"line":42},[25,661,146],{"emptyLinePlaceholder":145},[25,663,664,666,669,672,674,677,680,682,685,688,691,694,696,698,700,702,705,707,710],{"class":27,"line":54},[25,665,466],{"class":114},[25,667,668],{"class":196},"Image",[25,670,671],{"class":31}," src",[25,673,203],{"class":101},[25,675,676],{"class":35},"\"\u002Flogo.png\"",[25,678,679],{"class":31}," width",[25,681,203],{"class":101},[25,683,684],{"class":114},"{",[25,686,687],{"class":196},"100",[25,689,690],{"class":114},"} ",[25,692,693],{"class":31},"height",[25,695,203],{"class":101},[25,697,684],{"class":114},[25,699,687],{"class":196},[25,701,690],{"class":114},[25,703,704],{"class":31},"alt",[25,706,203],{"class":101},[25,708,709],{"class":35},"\"Logo\"",[25,711,712],{"class":114}," \u002F>\n",[10,714,716],{"id":715},"️-misc","🛠️ Misc",[15,718,720],{"className":17,"code":719,"language":19,"meta":20,"style":20},"next export                # Export static site\nNEXT_PUBLIC_API_URL=...    # Public\n",[22,721,722,732],{"__ignoreMap":20},[25,723,724,726,729],{"class":27,"line":28},[25,725,560],{"class":31},[25,727,728],{"class":35}," export",[25,730,731],{"class":95},"                # Export static site\n",[25,733,734,737,739,742],{"class":27,"line":42},[25,735,736],{"class":114},"NEXT_PUBLIC_API_URL",[25,738,203],{"class":101},[25,740,741],{"class":35},"...",[25,743,744],{"class":95},"    # Public\n",[746,747,748],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":20,"searchDepth":42,"depth":42,"links":750},[],"A comprehensive guide to Next.js framework.","md","logos:nextjs-icon",{},null,"\u002Fcheatsheets\u002Fnext","2025-08-14",{"title":5,"description":751},{"loc":756,"lastmod":760},"2025-12-24T00:21:07+07:00","cheatsheets\u002Fnext","r4aErgSFajyCx0mL3XYk5FTayszplp6yF1ielqsCSaI",[764,915,1019,1034],{"title":765,"icon":766,"path":767,"stem":768,"children":769,"page":780},"Posts","fluent-color:data-bar-vertical-ascending-24","\u002Fposts","posts",[770,781,799,825,835,849,859,869,879,905],{"title":771,"icon":772,"redirect":773,"path":774,"stem":775,"children":776,"page":780},"Database","material-icon-theme:database","\u002Fposts\u002Fdatabase\u002Freplication-strategy","\u002Fposts\u002Fdatabase","posts\u002Fdatabase",[777],{"title":778,"path":773,"stem":779,"icon":755},"Database Replication strategy in large systems","posts\u002Fdatabase\u002Freplication-strategy",false,{"title":782,"icon":783,"redirect":784,"path":785,"stem":786,"children":787,"page":780},"Docker","vscode-icons:file-type-docker2","\u002Fposts\u002Fdocker\u002Fdocker-commands","\u002Fposts\u002Fdocker","posts\u002Fdocker",[788,791,795],{"title":789,"path":784,"stem":790,"icon":755},"Docker commands essentials","posts\u002Fdocker\u002Fdocker-commands",{"title":792,"path":793,"stem":794,"icon":755},"Some useful Dockerfile templates","\u002Fposts\u002Fdocker\u002Fdockerfile-templates","posts\u002Fdocker\u002Fdockerfile-templates",{"title":796,"path":797,"stem":798,"icon":755},"Setup Docker environment on Windows","\u002Fposts\u002Fdocker\u002Fsetup-docker-on-window","posts\u002Fdocker\u002Fsetup-docker-on-window",{"title":800,"icon":801,"redirect":802,"path":803,"stem":804,"children":805,"page":780},"Git & GitHub","material-icon-theme:git","\u002Fposts\u002Fgit\u002Fbrightly-decorate-graph","\u002Fposts\u002Fgit","posts\u002Fgit",[806,809,813,817,821],{"title":807,"path":802,"stem":808,"icon":755},"Brightly decorate your GitHub Graph","posts\u002Fgit\u002Fbrightly-decorate-graph",{"title":810,"path":811,"stem":812,"icon":755},"Download a specific folder on GitHub repository","\u002Fposts\u002Fgit\u002Fdownload-specific-folder","posts\u002Fgit\u002Fdownload-specific-folder",{"title":814,"path":815,"stem":816,"icon":755},"Syncing Git Tags across to other repositories","\u002Fposts\u002Fgit\u002Fsyncing-tags-across-repositories","posts\u002Fgit\u002Fsyncing-tags-across-repositories",{"title":818,"path":819,"stem":820,"icon":755},"Unlocking GitHub Achievement badges","\u002Fposts\u002Fgit\u002Funlocking-achievement-badges","posts\u002Fgit\u002Funlocking-achievement-badges",{"title":822,"path":823,"stem":824,"icon":755},"Essential Git commands every developer should master","\u002Fposts\u002Fgit\u002Fuseful-commands-like-pro","posts\u002Fgit\u002Fuseful-commands-like-pro",{"title":826,"icon":827,"redirect":828,"path":829,"stem":830,"children":831,"page":780},"Golang","material-icon-theme:go","\u002Fposts\u002Fgolang\u002Foptimizing-performance-with-pgo","\u002Fposts\u002Fgolang","posts\u002Fgolang",[832],{"title":833,"path":828,"stem":834,"icon":755},"Optimizing Performance in Go Applications with PGO","posts\u002Fgolang\u002Foptimizing-performance-with-pgo",{"title":836,"icon":837,"redirect":838,"path":839,"stem":840,"children":841,"page":780},"JavaScript","vscode-icons:file-type-js","\u002Fposts\u002Fjavascript\u002F9-lines-of-tips","\u002Fposts\u002Fjavascript","posts\u002Fjavascript",[842,845],{"title":843,"path":838,"stem":844,"icon":755},"9 lines of JavaScript replace 50 lines of code","posts\u002Fjavascript\u002F9-lines-of-tips",{"title":846,"path":847,"stem":848,"icon":755},"Javascript Promises - Specific functions and use cases","\u002Fposts\u002Fjavascript\u002Fpromises-cheatsheet","posts\u002Fjavascript\u002Fpromises-cheatsheet",{"title":850,"icon":851,"redirect":852,"path":853,"stem":854,"children":855,"page":780},"Node","material-icon-theme:nodejs-alt","\u002Fposts\u002Fnodejs\u002Fevent-loop","\u002Fposts\u002Fnodejs","posts\u002Fnodejs",[856],{"title":857,"path":852,"stem":858,"icon":755},"Secret about Event Loop flow in Nodejs","posts\u002Fnodejs\u002Fevent-loop",{"title":860,"icon":861,"redirect":862,"path":863,"stem":864,"children":865,"page":780},"Nuxt","vscode-icons:file-type-nuxt","\u002Fposts\u002Fnuxt\u002Fenable-pwa-in-nuxt","\u002Fposts\u002Fnuxt","posts\u002Fnuxt",[866],{"title":867,"path":862,"stem":868,"icon":755},"Enable PWA and Service Worker in Nuxt","posts\u002Fnuxt\u002Fenable-pwa-in-nuxt",{"title":870,"icon":871,"redirect":872,"path":873,"stem":874,"children":875,"page":780},"Performance","emojione:rocket","\u002Fposts\u002Fperformance\u002Fbackground-image-injection-problem","\u002Fposts\u002Fperformance","posts\u002Fperformance",[876],{"title":877,"path":872,"stem":878,"icon":755},"Background-Image injection problem in UX","posts\u002Fperformance\u002Fbackground-image-injection-problem",{"title":880,"icon":881,"redirect":882,"path":883,"stem":884,"children":885,"page":780},"Tutorial","fluent-color:book-open-lightbulb-24","\u002Fposts\u002Ftutorial\u002Fclassification-and-functionality-of-the-servers","\u002Fposts\u002Ftutorial","posts\u002Ftutorial",[886,889,893,897,901],{"title":887,"path":882,"stem":888,"icon":755},"Classification and functionality of the servers","posts\u002Ftutorial\u002Fclassification-and-functionality-of-the-servers",{"title":890,"path":891,"stem":892,"icon":755},"What is the difference between localhost and 127.0.0.1?","\u002Fposts\u002Ftutorial\u002Fdifferent-between-localhost-and-127-0-0-1","posts\u002Ftutorial\u002Fdifferent-between-localhost-and-127-0-0-1",{"title":894,"path":895,"stem":896,"icon":755},"8 essential network protocols every programmer should know","\u002Fposts\u002Ftutorial\u002Fessential-network-protocols","posts\u002Ftutorial\u002Fessential-network-protocols",{"title":898,"path":899,"stem":900,"icon":755},"Pre rels in header link tag - SEO technique enhancement","\u002Fposts\u002Ftutorial\u002Fpre-rels-in-header-link-tag","posts\u002Ftutorial\u002Fpre-rels-in-header-link-tag",{"title":902,"path":903,"stem":904,"icon":755},"Better code with SOLID principles","\u002Fposts\u002Ftutorial\u002Fwhat-is-solid","posts\u002Ftutorial\u002Fwhat-is-solid",{"title":906,"icon":907,"redirect":908,"path":909,"stem":910,"children":911,"page":780},"UI\u002FUX","devicon:figma","\u002Fposts\u002Fuiux\u002Fcommon-button-mistake","\u002Fposts\u002Fuiux","posts\u002Fuiux",[912],{"title":913,"path":908,"stem":914,"icon":755},"Common Button Mistake in UI\u002FUX","posts\u002Fuiux\u002Fcommon-button-mistake",{"title":916,"icon":917,"path":918,"stem":919,"children":920,"page":780},"Cheatsheets","fluent-color:paw-16","\u002Fcheatsheets","cheatsheets",[921,926,931,934,939,942,947,951,956,961,966,971,976,977,981,985,990,995,999,1004,1009,1014],{"title":922,"path":923,"stem":924,"icon":925},"Bash","\u002Fcheatsheets\u002Fbash","cheatsheets\u002Fbash","material-icon-theme:powershell",{"title":927,"path":928,"stem":929,"icon":930},"CSS","\u002Fcheatsheets\u002Fcss","cheatsheets\u002Fcss","vscode-icons:file-type-css2",{"title":782,"path":932,"stem":933,"icon":783},"\u002Fcheatsheets\u002Fdocker","cheatsheets\u002Fdocker",{"title":935,"path":936,"stem":937,"icon":938},"Git","\u002Fcheatsheets\u002Fgit","cheatsheets\u002Fgit","devicon:git",{"title":826,"path":940,"stem":941,"icon":827},"\u002Fcheatsheets\u002Fgo","cheatsheets\u002Fgo",{"title":943,"path":944,"stem":945,"icon":946},"HTML","\u002Fcheatsheets\u002Fhtml","cheatsheets\u002Fhtml","material-icon-theme:html",{"title":836,"path":948,"stem":949,"icon":950},"\u002Fcheatsheets\u002Fjavascript","cheatsheets\u002Fjavascript","material-icon-theme:javascript",{"title":952,"path":953,"stem":954,"icon":955},"Latex","\u002Fcheatsheets\u002Flatex","cheatsheets\u002Flatex","material-icon-theme:latexmk",{"title":957,"path":958,"stem":959,"icon":960},"Linux","\u002Fcheatsheets\u002Flinux","cheatsheets\u002Flinux","devicon:linux",{"title":962,"path":963,"stem":964,"icon":965},"Markdown","\u002Fcheatsheets\u002Fmarkdown","cheatsheets\u002Fmarkdown","material-icon-theme:markdown",{"title":967,"path":968,"stem":969,"icon":970},"Mongo","\u002Fcheatsheets\u002Fmongo","cheatsheets\u002Fmongo","devicon:mongodb",{"title":972,"path":973,"stem":974,"icon":975},"Nest","\u002Fcheatsheets\u002Fnest","cheatsheets\u002Fnest","material-icon-theme:nest",{"title":5,"path":756,"stem":761,"icon":753},{"title":850,"path":978,"stem":979,"icon":980},"\u002Fcheatsheets\u002Fnode","cheatsheets\u002Fnode","material-icon-theme:nodejs",{"title":860,"path":982,"stem":983,"icon":984},"\u002Fcheatsheets\u002Fnuxt","cheatsheets\u002Fnuxt","material-icon-theme:nuxt",{"title":986,"path":987,"stem":988,"icon":989},"React","\u002Fcheatsheets\u002Freact","cheatsheets\u002Freact","material-icon-theme:react",{"title":991,"path":992,"stem":993,"icon":994},"Redis","\u002Fcheatsheets\u002Fredis","cheatsheets\u002Fredis","vscode-icons:folder-type-redis-opened",{"title":996,"path":997,"stem":998,"icon":772},"SQL","\u002Fcheatsheets\u002Fsql","cheatsheets\u002Fsql",{"title":1000,"path":1001,"stem":1002,"icon":1003},"Typescript","\u002Fcheatsheets\u002Ftypescript","cheatsheets\u002Ftypescript","material-icon-theme:typescript",{"title":1005,"path":1006,"stem":1007,"icon":1008},"Vercel","\u002Fcheatsheets\u002Fvercel","cheatsheets\u002Fvercel","vscode-icons:file-type-light-vercel",{"title":1010,"path":1011,"stem":1012,"icon":1013},"Vue","\u002Fcheatsheets\u002Fvue","cheatsheets\u002Fvue","material-icon-theme:vue",{"title":1015,"path":1016,"stem":1017,"icon":1018},"Windows","\u002Fcheatsheets\u002Fwindow","cheatsheets\u002Fwindow","material-icon-theme:folder-windows",{"title":1020,"icon":1021,"path":1022,"stem":1023,"children":1024,"page":780},"Prompts","fluent-color:bot-sparkle-24","\u002Fprompts","prompts",[1025],{"title":1026,"path":1027,"stem":1028,"children":1029,"page":780},"Image Generation","\u002Fprompts\u002Fimage-generation","prompts\u002Fimage-generation",[1030],{"title":1031,"path":1032,"stem":1033,"icon":1021},"Futuristic Cloud Workspace","\u002Fprompts\u002Fimage-generation\u002Ffuturistic-cloud-workspace","prompts\u002Fimage-generation\u002Ffuturistic-cloud-workspace",{"title":1035,"icon":1036,"path":1037,"stem":1038,"children":1039,"page":780},"Interviews","lucide:messages-square","\u002Finterviews","interviews",[1040,1044,1049,1052,1056,1061,1066,1071,1076,1081,1086],{"title":1041,"path":1042,"stem":1043,"icon":1036},"Behavioral Engineering","\u002Finterviews\u002Fbehavioral-engineering","interviews\u002Fbehavioral-engineering",{"title":1045,"path":1046,"stem":1047,"icon":1048},"DevOps and Cloud","\u002Finterviews\u002Fdevops-cloud","interviews\u002Fdevops-cloud","logos:docker-icon",{"title":943,"path":1050,"stem":1051,"icon":946},"\u002Finterviews\u002Fhtml","interviews\u002Fhtml",{"title":836,"path":1053,"stem":1054,"icon":1055},"\u002Finterviews\u002Fjavascript","interviews\u002Fjavascript","logos:javascript",{"title":1057,"path":1058,"stem":1059,"icon":1060},"Node.js and API Design","\u002Finterviews\u002Fnodejs-api","interviews\u002Fnodejs-api","logos:nodejs-icon",{"title":1062,"path":1063,"stem":1064,"icon":1065},"Software Testing","\u002Finterviews\u002Fsoftware-testing","interviews\u002Fsoftware-testing","lucide:flask-conical",{"title":1067,"path":1068,"stem":1069,"icon":1070},"SQL and Databases","\u002Finterviews\u002Fsql-databases","interviews\u002Fsql-databases","lucide:database",{"title":1072,"path":1073,"stem":1074,"icon":1075},"System Design","\u002Finterviews\u002Fsystem-design","interviews\u002Fsystem-design","lucide:network",{"title":1077,"path":1078,"stem":1079,"icon":1080},"TypeScript","\u002Finterviews\u002Ftypescript","interviews\u002Ftypescript","logos:typescript-icon",{"title":1082,"path":1083,"stem":1084,"icon":1085},"Vue and Nuxt","\u002Finterviews\u002Fvue-nuxt","interviews\u002Fvue-nuxt","logos:nuxt-icon",{"title":1087,"path":1088,"stem":1089,"icon":1090},"Web Security","\u002Finterviews\u002Fweb-security","interviews\u002Fweb-security","lucide:shield-check",[1092,1093],{"title":972,"path":973,"stem":974,"children":-1},{"title":850,"path":978,"stem":979,"children":-1}]