next/dist/bundle-analyzer/analyze.html

The React Framework

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/0_kvc_ki1kspd.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/38nx-knhfkp0_.js"/><script src="/_next/static/chunks/076ve6u5x1p78.js" async=""></script><script src="/_next/static/chunks/0w4cpmcl0uzvx.js" async=""></script><script src="/_next/static/chunks/turbopack-0e5buymq-qp0w.js" async=""></script><script src="/_next/static/chunks/0e3yfuej0nnvf.js" async=""></script><script src="/_next/static/chunks/33vyyj1ch-soj.js" async=""></script><script src="/_next/static/chunks/0g8hx-qomh7h1.js" async=""></script><script src="/_next/static/chunks/2ut7avjz0mp88.js" async=""></script><script src="/_next/static/chunks/0csz6k_2cd-lk.js" async=""></script><title>Next.js Bundle Analyzer</title><meta name="description" content="Visualize and analyze your Next.js bundle sizes with interactive treemap and dependency analysis"/><script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><script>((e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k="class"===y,S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&"system"===n?c():n;p(y)}catch(n){}})("class","theme","system",null,["light","dark"],null,true,true)</script><!--$!--><template data-dgst=""></template><main class="flex h-screen flex-col overflow-hidden bg-background"><div class="flex h-14 flex-none items-center gap-3 border-b border-border px-4"><div class="animate-pulse rounded-md bg-muted h-9 min-w-64 flex-1"></div><div class="animate-pulse rounded-md bg-muted h-9 w-32"></div><div class="animate-pulse rounded-md bg-muted h-9 w-36"></div><div class="animate-pulse rounded-md bg-muted h-9 w-24"></div><div class="animate-pulse rounded-md bg-muted h-9 w-28"></div></div><div class="flex h-[113px] flex-none border-b border-border"><div class="flex min-w-0 flex-1 flex-col gap-2 border-r border-border px-4 py-3"><div class="animate-pulse rounded-md bg-muted h-3 w-16"></div><div class="flex min-h-0 flex-1 gap-2"><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div></div></div><div class="flex min-w-0 flex-1 flex-col gap-2 bg-muted/30 px-4 py-3"><div class="animate-pulse rounded-md bg-muted h-3 w-12"></div><div class="flex min-h-0 flex-1 gap-2"><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div><div class="animate-pulse rounded-md bg-muted h-full flex-1"></div></div></div></div><div class="flex min-h-0 flex-1"><div class="min-w-0 flex-1 p-4"><div class="h-full w-full grid grid-cols-12 grid-rows-8 gap-2"><div class="animate-pulse rounded-md bg-muted col-span-5 row-span-4"></div><div class="animate-pulse rounded-md bg-muted col-span-4 row-span-3"></div><div class="animate-pulse rounded-md bg-muted col-span-3 row-span-3"></div><div class="animate-pulse rounded-md bg-muted col-span-4 row-span-1"></div><div class="animate-pulse rounded-md bg-muted col-span-3 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-3 row-span-4"></div><div class="animate-pulse rounded-md bg-muted col-span-2 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-2 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-3 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-4 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-2 row-span-2"></div><div class="animate-pulse rounded-md bg-muted col-span-3 row-span-2"></div></div></div><div class="w-px flex-none bg-border"></div><aside class="flex w-1/5 flex-none flex-col gap-5 border-l border-border bg-muted p-4"><div class="animate-pulse rounded-md bg-muted h-5 w-3/4"></div><div class="animate-pulse rounded-md bg-muted h-3 w-1/2"></div><div class="animate-pulse rounded-md bg-muted h-20 w-full"></div><div class="animate-pulse rounded-md bg-muted h-4 w-2/5"></div><div class="animate-pulse rounded-md bg-muted h-9 w-full"></div><div class="animate-pulse rounded-md bg-muted h-9 w-full"></div><div class="animate-pulse rounded-md bg-muted h-9 w-4/5"></div></aside></div></main><!--/$--><!--$--><!--/$--><script id="_R_">(globalThis["TURBOPACK"] || (globalThis["TURBOPACK"] = [])).push({"otherChunks":["static/chunks/38nx-knhfkp0_.js","static/chunks/076ve6u5x1p78.js","static/chunks/0w4cpmcl0uzvx.js"],"runtimeModuleIds":[27135]});</script><script src="/_next/static/chunks/38nx-knhfkp0_.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:\"/_next/static/chunks/0e3yfuej0nnvf.js\"\n3:I[12879,[\"$2\"],\"ThemeProvider\"]\n4:I[33951,[\"$2\"],\"default\"]\n5:\"/_next/static/chunks/33vyyj1ch-soj.js\"\n6:I[22565,[\"$2\",\"$5\"],\"default\"]\n7:I[30524,[\"$2\"],\"default\"]\nb:\"/_next/static/chunks/0g8hx-qomh7h1.js\"\nc:\"/_next/static/chunks/2ut7avjz0mp88.js\"\nd:\"/_next/static/chunks/0csz6k_2cd-lk.js\"\ne:I[24720,[\"$2\",\"$b\",\"$c\",\"$d\"],\"SingleAnalyzer\"]\nf:I[33716,[\"$2\"],\"OutletBoundary\"]\n10:\"$Sreact.suspense\"\n12:\"ViewportBoundary\"\n13:I[33716,[\"$2\"],\"$12\"]\n15:\"MetadataBoundary\"\n16:I[33716,[\"$2\"],\"$15\"]\n18:I[75457,[\"$2\"],\"default\",1]\n:HL[\"/_next/static/chunks/0_kvc_ki1kspd.css\",\"style\"]\n9:X\na:[[\"children\",{\"s\":\"__PAGE__\",\"h\":512,\"d\":{\"r\":[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Le\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0g8hx-qomh7h1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2ut7avjz0mp88.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0csz6k_2cd-lk.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@11\"}]}]]}],\"p\":false,\"v\":null}}]]\n8:[[\"children\",{\"s\":\"analyze\",\"h\":512,\"d\":{\"r\":[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],\"p\":false,\"v\":\"$9\"},\"c\":\"$Qa\"}]]\n0:{\"P\":null,\"c\":[\"\",\"analyze\"],\"q\":\"\",\"i\":false,\"t\":{\"t\":{\"s\":\"\",\"h\":528,\"d\":{\"r\":[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0_kvc_ki1kspd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0e3yfuej0nnvf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[\"$\",\"$L3\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$6\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/33vyyj1ch-soj.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],\"p\":false,\"v\":null},\"c\":\"$Q8\"},\"h\":{\"r\":[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L17\"}]}]}],null]}],\"p\":false,\"v\":null}},\"m\":\"$undefined\",\"G\":[\"$18\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0_kvc_ki1kspd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Lrv8Avhaqfe2qKyCXMsN-\"}\n9:C\n14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n11:null\n17:[[\"$\",\"title\",\"0\",{\"children\":\"Next.js Bundle Analyzer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Visualize and analyze your Next.js bundle sizes with interactive treemap and dependency analysis\"}]]\n"])</script></body></html>