[{"data":1,"prerenderedAt":261},["ShallowReactive",2],{"term-n\u002Fnuxt":3,"related-n\u002Fnuxt":237},{"id":4,"title":5,"acronym":6,"body":7,"category":217,"description":218,"difficulty":219,"extension":220,"letter":221,"meta":222,"navigation":126,"path":223,"related":224,"seo":231,"sitemap":232,"stem":235,"subcategory":6,"__hash__":236},"terms\u002Fterms\u002Fn\u002Fnuxt.md","Nuxt",null,{"type":8,"value":9,"toc":211},"minimark",[10,15,19,23,26,30,200,204,207],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Nuxt is Vue on steroids. It's a meta-framework that adds SSR, SSG, file-based routing, auto-imports, and a full deployment pipeline on top of Vue. You get a full-stack-friendly setup out of the box without duct-taping libraries together.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Nuxt is a meta-framework built on top of Vue 3 and Vite. It provides server-side rendering, static site generation, file-based routing, auto-imported composables and components, server API routes, and Nitro for universal server deployment. Nuxt 3 fully embraces the Vue Composition API.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F pages\u002Findex.vue — Nuxt auto-creates the \u002F route\n\u003Cscript setup>\nconst { data } = await useFetch('\u002Fapi\u002Fposts');\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv v-for=\"post in data\" :key=\"post.id\">\n    {{ post.title }}\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,49,67,111,121,128,138,175,181,191],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sTEyZ","\u002F\u002F pages\u002Findex.vue — Nuxt auto-creates the \u002F route\n",[41,50,52,56,60,64],{"class":43,"line":51},2,[41,53,55],{"class":54},"sMK4o","\u003C",[41,57,59],{"class":58},"swJcz","script",[41,61,63],{"class":62},"spNyl"," setup",[41,65,66],{"class":54},">\n",[41,68,70,73,76,79,82,85,89,93,96,99,103,105,108],{"class":43,"line":69},3,[41,71,72],{"class":62},"const",[41,74,75],{"class":54}," {",[41,77,78],{"class":47}," data ",[41,80,81],{"class":54},"}",[41,83,84],{"class":54}," =",[41,86,88],{"class":87},"s7zQu"," await",[41,90,92],{"class":91},"s2Zo4"," useFetch",[41,94,95],{"class":47},"(",[41,97,98],{"class":54},"'",[41,100,102],{"class":101},"sfazB","\u002Fapi\u002Fposts",[41,104,98],{"class":54},[41,106,107],{"class":47},")",[41,109,110],{"class":54},";\n",[41,112,114,117,119],{"class":43,"line":113},4,[41,115,116],{"class":54},"\u003C\u002F",[41,118,59],{"class":58},[41,120,66],{"class":54},[41,122,124],{"class":43,"line":123},5,[41,125,127],{"emptyLinePlaceholder":126},true,"\n",[41,129,131,133,136],{"class":43,"line":130},6,[41,132,55],{"class":54},[41,134,135],{"class":58},"template",[41,137,66],{"class":54},[41,139,141,144,147,150,153,156,159,161,164,166,168,171,173],{"class":43,"line":140},7,[41,142,143],{"class":54},"  \u003C",[41,145,146],{"class":58},"div",[41,148,149],{"class":62}," v-for",[41,151,152],{"class":54},"=",[41,154,155],{"class":54},"\"",[41,157,158],{"class":101},"post in data",[41,160,155],{"class":54},[41,162,163],{"class":62}," :key",[41,165,152],{"class":54},[41,167,155],{"class":54},[41,169,170],{"class":101},"post.id",[41,172,155],{"class":54},[41,174,66],{"class":54},[41,176,178],{"class":43,"line":177},8,[41,179,180],{"class":47},"    {{ post.title }}\n",[41,182,184,187,189],{"class":43,"line":183},9,[41,185,186],{"class":54},"  \u003C\u002F",[41,188,146],{"class":58},[41,190,66],{"class":54},[41,192,194,196,198],{"class":43,"line":193},10,[41,195,116],{"class":54},[41,197,135],{"class":58},[41,199,66],{"class":54},[11,201,203],{"id":202},"when-youll-hear-this","When You'll Hear This",[16,205,206],{},"\"Use Nuxt if you want Vue with SSR and file-based routing without the setup pain.\" \u002F \"Nuxt auto-imports are amazing until you can't figure out where a function came from.\"",[208,209,210],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}",{"title":36,"searchDepth":51,"depth":51,"links":212},[213,214,215,216],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":202,"depth":51,"text":203},"frontend","Nuxt is Vue on steroids. It's a meta-framework that adds SSR, SSG, file-based routing, auto-imports, and a full deployment pipeline on top of Vue.","intermediate","md","n",{},"\u002Fterms\u002Fn\u002Fnuxt",[225,226,227,228,229,230],"Vue","SSR","SSG","ISR","Next.js","Framework",{"title":5,"description":218},{"changefreq":233,"priority":234},"weekly",0.7,"terms\u002Fn\u002Fnuxt","1Vk5ljChTinarTERzaXHLD4N4aiAbqvATcJudUE8Vxg",[238,242,247,250,254,258],{"title":230,"path":239,"acronym":6,"category":217,"difficulty":240,"description":241},"\u002Fterms\u002Ff\u002Fframework","beginner","A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way.",{"title":228,"path":243,"acronym":244,"category":217,"difficulty":245,"description":246},"\u002Fterms\u002Fi\u002Fisr","Incremental Static Regeneration","advanced","ISR is the best of both SSG and SSR. Pages are pre-built statically but can automatically rebuild themselves in the background after a set time.",{"title":229,"path":248,"acronym":6,"category":217,"difficulty":219,"description":249},"\u002Fterms\u002Fn\u002Fnext-js","Next.js is React's big sibling that adds superpowers like SSR, SSG, file-based routing, and API routes.",{"title":227,"path":251,"acronym":252,"category":217,"difficulty":219,"description":253},"\u002Fterms\u002Fs\u002Fssg","Static Site Generation","SSG builds all your pages ahead of time — before anyone visits. You get a folder of plain HTML files that are blazing fast to serve from a CDN.",{"title":226,"path":255,"acronym":256,"category":217,"difficulty":219,"description":257},"\u002Fterms\u002Fs\u002Fssr","Server-Side Rendering","SSR means the server builds your HTML before sending it to the user's browser.",{"title":225,"path":259,"acronym":6,"category":217,"difficulty":240,"description":260},"\u002Fterms\u002Fv\u002Fvue","Vue is a JavaScript framework for building interactive UIs. It's famous for being easy to pick up — HTML developers feel right at home.",1776518298109]