next/dist/bundle-analyzer/index.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/3wn6it998asq3.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><div class="flex flex-1 justify-center overflow-hidden px-6 py-12"><div class="w-full max-w-3xl" aria-hidden="true"><div class="mb-6 flex items-start justify-between gap-6"><div class="flex flex-col gap-3"><div class="animate-pulse rounded-md bg-muted h-4 w-28"></div><div class="animate-pulse rounded-md bg-muted h-7 w-64"></div><div class="animate-pulse rounded-md bg-muted h-4 w-96 max-w-full"></div></div><div class="flex items-center gap-3"><div class="animate-pulse rounded-md bg-muted h-4 w-16"></div><div class="animate-pulse rounded-md bg-muted h-8 w-32"></div></div></div><div class="overflow-hidden rounded-md border bg-card"><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:35%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:43%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:51%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:59%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:35%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:43%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:51%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:59%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:35%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:43%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:51%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:59%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:35%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:43%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div><div class="flex h-12 items-center gap-4 border-b px-4 last:border-b-0"><div class="animate-pulse rounded-md bg-muted h-3 w-5"></div><div class="animate-pulse rounded-md bg-muted h-3" style="width:51%"></div><div class="animate-pulse rounded-md bg-muted ml-auto h-3 w-16"></div><div class="animate-pulse rounded-md bg-muted h-4 w-4"></div></div></div></div></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\"]\n9:\"/_next/static/chunks/3wn6it998asq3.js\"\na:\"/_next/static/chunks/0csz6k_2cd-lk.js\"\nb:\"RouteSummaryPage\"\nc:I[20256,[\"$2\",\"$9\",\"$a\"],\"$b\"]\nd:I[33716,[\"$2\"],\"OutletBoundary\"]\ne:\"$Sreact.suspense\"\n10:\"ViewportBoundary\"\n11:I[33716,[\"$2\"],\"$10\"]\n13:\"MetadataBoundary\"\n14:I[33716,[\"$2\"],\"$13\"]\n16:I[75457,[\"$2\"],\"default\",1]\n:HL[\"/_next/static/chunks/0_kvc_ki1kspd.css\",\"style\"]\n8:[[\"children\",{\"s\":\"__PAGE__\",\"h\":512,\"d\":{\"r\":[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lc\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3wn6it998asq3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0csz6k_2cd-lk.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@f\"}]}]]}],\"p\":false,\"v\":null}}]]\n0:{\"P\":null,\"c\":[\"\",\"\"],\"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,[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L15\"}]}]}],null]}],\"p\":false,\"v\":null}},\"m\":\"$undefined\",\"G\":[\"$16\",[[\"$\",\"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-\"}\n12:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nf:null\n15:[[\"$\",\"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>