[{"data":1,"prerenderedAt":157},["ShallowReactive",2],{"term-m\u002Fmpa":3,"related-m\u002Fmpa":140},{"id":4,"title":5,"acronym":6,"body":7,"category":121,"description":122,"difficulty":123,"extension":124,"letter":125,"meta":126,"navigation":96,"path":127,"related":128,"seo":133,"sitemap":134,"stem":137,"subcategory":138,"__hash__":139},"terms\u002Fterms\u002Fm\u002Fmpa.md","MPA","Multi-Page Application",{"type":8,"value":9,"toc":115},"minimark",[10,15,19,23,26,30,104,108,111],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"An MPA is the old-school way — every link click loads a completely new HTML page from the server. Think Wikipedia. Each page is its own thing. Simpler to build, great for SEO, but every click causes a full page reload which can feel slower.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"An MPA is a traditional web architecture where each URL corresponds to a separate HTML page rendered and served by the server. Navigation triggers full page reloads. MPAs are simpler architecturally and SEO-friendly by default. Modern MPAs often use techniques like Turbo or HTMX to add SPA-like speed.",[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-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Traditional MPA navigation: full reload -->\n\u003Ca href=\"\u002Fabout\">About Us\u003C\u002Fa>\n\n\u003C!-- vs SPA: no reload, JS handles it -->\n","html","",[38,39,40,49,91,98],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u003C!-- Traditional MPA navigation: full reload -->\n",[41,50,52,56,60,64,67,70,74,76,79,83,86,88],{"class":43,"line":51},2,[41,53,55],{"class":54},"sMK4o","\u003C",[41,57,59],{"class":58},"swJcz","a",[41,61,63],{"class":62},"spNyl"," href",[41,65,66],{"class":54},"=",[41,68,69],{"class":54},"\"",[41,71,73],{"class":72},"sfazB","\u002Fabout",[41,75,69],{"class":54},[41,77,78],{"class":54},">",[41,80,82],{"class":81},"sTEyZ","About Us",[41,84,85],{"class":54},"\u003C\u002F",[41,87,59],{"class":58},[41,89,90],{"class":54},">\n",[41,92,94],{"class":43,"line":93},3,[41,95,97],{"emptyLinePlaceholder":96},true,"\n",[41,99,101],{"class":43,"line":100},4,[41,102,103],{"class":47},"\u003C!-- vs SPA: no reload, JS handles it -->\n",[11,105,107],{"id":106},"when-youll-hear-this","When You'll Hear This",[16,109,110],{},"\"Our WordPress site is a classic MPA — every page is a full reload.\" \u002F \"Astro ships an MPA by default with optional island hydration.\"",[112,113,114],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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":116},[117,118,119,120],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":106,"depth":51,"text":107},"frontend","An MPA is the old-school way — every link click loads a completely new HTML page from the server. Think Wikipedia. Each page is its own thing.","beginner","md","m",{},"\u002Fterms\u002Fm\u002Fmpa",[129,130,131,132],"SPA","SSR","SSG","Framework",{"title":5,"description":122},{"changefreq":135,"priority":136},"weekly",0.7,"terms\u002Fm\u002Fmpa",null,"wazGHqr6XalVO7EXEruZe1MHqdlmTtF_CM6tpahjU_c",[141,144,148,153],{"title":132,"path":142,"acronym":138,"category":121,"difficulty":123,"description":143},"\u002Fterms\u002Ff\u002Fframework","A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way.",{"title":129,"path":145,"acronym":146,"category":121,"difficulty":123,"description":147},"\u002Fterms\u002Fs\u002Fspa","Single Page Application","A SPA is a website that loads ONE HTML page and then never does a full page reload again.",{"title":131,"path":149,"acronym":150,"category":121,"difficulty":151,"description":152},"\u002Fterms\u002Fs\u002Fssg","Static Site Generation","intermediate","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":130,"path":154,"acronym":155,"category":121,"difficulty":151,"description":156},"\u002Fterms\u002Fs\u002Fssr","Server-Side Rendering","SSR means the server builds your HTML before sending it to the user's browser.",1776518293863]