1:"$Sreact.fragment" 2:I[27423,["/_next/static/chunks/8d73848dfbbaba88.js"],"ThemeProvider"] 3:I[20032,["/_next/static/chunks/8d73848dfbbaba88.js"],"default"] 4:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"default"] 5:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"default"] 7:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"OutletBoundary"] 8:"$Sreact.suspense" a:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"ViewportBoundary"] c:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"MetadataBoundary"] e:I[68027,[],"default"] :HL["/_next/static/chunks/6317f32ab025a150.css","style"] :HL["/_next/static/chunks/d9edec857ef5383c.css","style"] :HL["/_next/static/media/5c285b27cdda1fe8-s.p.a62025f2.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 0:{"P":null,"b":"I78lrwYjY2SIsF00Y0JfO","c":["","blog","nextjs-performance-optimization"],"q":"","i":false,"f":[[["",{"children":["blog",{"children":[["slug","nextjs-performance-optimization","d"],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/6317f32ab025a150.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/d9edec857ef5383c.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/8d73848dfbbaba88.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Domain Expansion\",\"url\":\"https://domainexpansion.in\",\"logo\":\"https://domainexpansion.in/logo-dark.png\",\"sameAs\":[\"https://www.linkedin.com/company/domainexpansion/\",\"https://www.instagram.com/domainexpansion.in/\",\"https://www.facebook.com/domainexpansion.in/\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"+91-0000000000\",\"contactType\":\"customer service\",\"areaServed\":\"Global\"},\"description\":\"Domain Expansion enables businesses to grow through high-performance web architecture, AI agents, and Generative Engine Optimization (GEO).\"}"}}]}],["$","body",null,{"className":"dm_sans_e0c7cf99-module__knYn3a__variable antialiased","children":["$","$L2",null,{"attribute":"class","defaultTheme":"system","enableSystem":true,"disableTransitionOnChange":true,"children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",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"}]}]}]}]]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":["$L6",[["$","script","script-0",{"src":"/_next/static/chunks/b303d3c3f1ed68f0.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/5f7ff8d4aca97a9b.js","async":true,"nonce":"$undefined"}]],["$","$L7",null,{"children":["$","$8",null,{"name":"Next.MetadataOutlet","children":"$@9"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$La",null,{"children":"$Lb"}],["$","div",null,{"hidden":true,"children":["$","$Lc",null,{"children":["$","$8",null,{"name":"Next.Metadata","children":"$Ld"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$e",[]],"S":true} f:I[93963,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],"Header"] 10:I[22016,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],""] 6:["$","main",null,{"className":"bg-background min-h-screen","children":[["$","$Lf",null,{}],["$","section",null,{"className":"relative w-full pt-24 pb-10 px-[20px] md:px-[50px] border-b border-zinc-100 dark:border-zinc-900 bg-background","children":["$","div",null,{"className":"max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center","children":[["$","div",null,{"className":"flex flex-col items-start text-left space-y-8","children":[["$","$L10",null,{"href":"/blog","className":"inline-flex items-center gap-2 text-sm text-zinc-500 hover:text-foreground transition-colors group","children":[["$","div",null,{"className":"flex items-center justify-center p-1 rounded-md bg-zinc-100 dark:bg-zinc-800 transition-colors group-hover:bg-zinc-200 dark:group-hover:bg-zinc-700","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":14,"height":14,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-left group-hover:-translate-x-0.5 transition-transform","aria-hidden":"true","children":[["$","path","1l729n",{"d":"m12 19-7-7 7-7"}],["$","path","x3x0zl",{"d":"M19 12H5"}],"$undefined"]}]}],["$","span",null,{"className":"font-medium","children":"Back to Insights"}]]}],["$","div",null,{"className":"space-y-4","children":[["$","div",null,{"children":["$","span",null,{"className":"inline-flex items-center justify-center px-4 py-1 rounded-md bg-blue-500/10 text-blue-600 dark:text-blue-400 text-sm font-semibold uppercase tracking-wider","children":"Engineering"}]}],["$","h1",null,{"className":"text-3xl md:text-4xl lg:text-5xl mb-4 font-bold text-foreground leading-tight w-full mb-0","children":"Advanced Performance Optimization in Next.js 15"}],["$","p",null,{"className":"text-md text-zinc-600 dark:text-zinc-400 mb-0 leading-relaxed max-w-7xl","children":"Speed is a feature. We dive deep into React Server Components, streaming hydration, and edge caching strategies to deliver sub-second load times for complex web applications."}]]}],["$","div",null,{"className":"flex items-center flex-wrap gap-4 md:gap-10 w-full text-sm md:text-md overflow-x-auto scrollbar-hide","children":[["$","div",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-calendar text-zinc-500","aria-hidden":"true","children":[["$","path","1cmpym",{"d":"M8 2v4"}],["$","path","4m81vk",{"d":"M16 2v4"}],["$","rect","1hopcy",{"width":"18","height":"18","x":"3","y":"4","rx":"2"}],["$","path","8toen8",{"d":"M3 10h18"}],"$undefined"]}],["$","span",null,{"className":"text-zinc-500","children":"Date:"}],["$","span",null,{"className":"font-medium text-foreground","children":"December 18, 2024"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-clock text-zinc-500","aria-hidden":"true","children":[["$","path","mmk7yg",{"d":"M12 6v6l4 2"}],["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],"$undefined"]}],["$","span",null,{"className":"text-zinc-500","children":"Read Time:"}],["$","span",null,{"className":"font-medium text-foreground","children":"8 min read"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-user text-zinc-500","aria-hidden":"true","children":[["$","path","975kel",{"d":"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}],["$","circle","17ys0d",{"cx":"12","cy":"7","r":"4"}],"$undefined"]}],["$","span",null,{"className":"text-zinc-500","children":"Author:"}],["$","span",null,{"className":"font-medium text-foreground","children":"Ishwar Mule"}]]}]]}]]}],["$","div",null,{"className":"w-full relative","children":"$L11"}]]}]}],"$L12","$L13","$L14"]}] 15:I[85437,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],"Image"] 16:I[54488,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],"TableOfContents"] 18:I[96820,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],"CommentSection"] 20:I[54231,["/_next/static/chunks/8d73848dfbbaba88.js","/_next/static/chunks/b303d3c3f1ed68f0.js","/_next/static/chunks/5f7ff8d4aca97a9b.js"],"Footer"] 11:["$","div",null,{"className":"p-1.5 rounded-[2.5rem] bg-white/70 dark:bg-black/70 backdrop-blur-xl shadow-[0_4px_16px_rgba(0,0,0,0.1)] border border-white/20 dark:border-white/10 ring-1 ring-black/5 dark:ring-white/5","children":["$","div",null,{"className":"relative h-[350px] md:h-[450px] rounded-[2rem] overflow-hidden bg-white dark:bg-black border border-zinc-200 dark:border-zinc-800","children":[["$","$L15",null,{"src":"/blog/performance.png","alt":"Advanced Performance Optimization in Next.js 15","fill":true,"className":"object-cover","priority":true}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-tr from-blue-600/10 to-transparent mix-blend-overlay"}]]}]}] 17:Taa3,

Speed: The Ultimate Feature

In 2024, user expectations for web performance are non-negotiable. A 100ms delay can drop conversion rates by 7%. With the release of Next.js 15, we have a powerful new arsenal of tools to combat latency.

We recently optimized a client's e-commerce platform, reducing their First Contentful Paint (FCP) from 1.8s to 0.6s. Here is the playbook we used.

Strategies for Sub-Second Loads

1. React Server Components (RSC)

RSC allows us to render components on the server and send zero JavaScript to the client. This is massive for blog posts, marketing pages, and even parts of complex dashboards. The result? A significantly smaller bundle size and faster Time to Interactive (TTI).

2. Streaming and Suspense

Stop blocking the entire page render for one slow database query. By wrapping components in <Suspense>, we can instantly show the page shell and stream in the dynamic content as it becomes available. This psychological shift makes the app feel instant.

Infographic: The Request Waterfall

Client vs Server Fetching Waterfall

3. Image Optimization at the Edge

Images often make up 80% of a page's weight. We use advanced formats like AVIF and WebP, served from the Edge. But we go further: using blur-up placeholders (blurDataURL) prevents layout shifts (CLS) and improves perceived performance.

Code Splitting & Dynamic Imports

Don't load heavy libraries until you need them. If your "Contact Us" modal uses a heavy map library, lazy load it:


const MapComponent = dynamic(() => import('./Map'), {
  loading: () => <p>Loading Map...</p>,
  ssr: false,
})

The "Edge" Advantage

Moving your compute closer to the user reduces latency. Next.js 15 makes it trivial to deploy API routes and middleware to the Edge, meaning your database calls happen in Virginia, but your authentication check happens in the user's city.

Conclusion

Performance optimization is not a one-time task; it is a culture. By leveraging the latest features in Next.js 15, we are not just building faster websites—we are building better user experiences that drive real business results.

12:["$","section",null,{"className":"px-[20px] md:px-[50px] pb-24 pt-10 bg-background","children":["$","div",null,{"className":"max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20","children":[["$","div",null,{"className":"lg:col-span-8 flex flex-col","children":[["$","div",null,{"className":"lg:hidden mb-8","children":["$","$L16",null,{}]}],["$","article",null,{"className":"prose prose-lg dark:prose-invert prose-headings:font-bold prose-blue max-w-none","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$17"}}]}],["$","$L18",null,{}]]}],["$","aside",null,{"className":"lg:col-span-4 space-y-12","children":["$","div",null,{"className":"sticky top-20 space-y-12","children":["$L19","$L1a","$L1b","$L1c"]}]}]]}]}] 13:["$","section",null,{"className":"w-full py-24 px-[20px] md:px-[50px] bg-zinc-50 dark:bg-black/50 border-t border-zinc-200 dark:border-zinc-900","children":["$","div",null,{"className":"max-w-[1400px] mx-auto","children":[["$","div",null,{"className":"flex flex-col md:flex-row items-end justify-between mb-12 gap-6","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","span",null,{"className":"text-blue-600 font-semibold uppercase tracking-widest text-sm","children":"Read More"}],["$","h2",null,{"className":"text-3xl md:text-5xl font-bold text-foreground","children":"Related Insights"}]]}],["$","$L10",null,{"href":"/blog","children":["$","button",null,{"className":"px-8 py-3 rounded-md bg-zinc-900 dark:bg-white text-white dark:text-black font-bold hover:opacity-90 transition-opacity flex items-center gap-2","children":["View All Blogs ",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":18,"height":18,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]}]]}],["$","div",null,{"className":"grid grid-cols-1 md:grid-cols-3 gap-8","children":[["$","$L10","web3-infrastructure-scaling",{"href":"/blog/web3-infrastructure-scaling","className":"group flex flex-col h-full bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 overflow-hidden hover:shadow-xl hover:-translate-y-1 transition-all duration-300","children":[["$","div",null,{"className":"relative aspect-[16/10] w-full overflow-hidden bg-zinc-100 dark:bg-zinc-800","children":[["$","$L15",null,{"src":"/blog/web3-scale.png","alt":"Scaling Web3 Infrastructure for Mass Adoption","fill":true,"className":"object-cover transition-transform duration-700 group-hover:scale-110"}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-tr from-zinc-200/20 to-transparent dark:from-zinc-900/40 mix-blend-overlay"}],["$","div",null,{"className":"absolute top-4 left-4","children":["$","span",null,{"className":"px-3 py-1 bg-white/90 dark:bg-black/80 backdrop-blur text-[10px] font-bold uppercase tracking-wider rounded-md","children":"Web3"}]}]]}],["$","div",null,{"className":"flex-1 flex flex-col p-6","children":[["$","div",null,{"className":"flex items-center gap-2 text-xs font-semibold text-zinc-500 mb-4","children":["$","span",null,{"children":"November 12, 2024"}]}],["$","h3",null,{"className":"text-xl font-bold text-foreground mb-3 leading-snug group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors","children":"Scaling Web3 Infrastructure for Mass Adoption"}],["$","p",null,{"className":"text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed line-clamp-2 mb-6","children":"Blockchain technology is ready for the mainstream, but infrastructure bottlenecks remain. We explore the layer-2 solutions and sharding techniques that are paving the way for the next billion users."}],["$","div",null,{"className":"mt-auto flex items-center text-sm font-bold text-blue-600 dark:text-blue-400 gap-2","children":["Read Article ",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":14,"height":14,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right group-hover:translate-x-1 transition-transform","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]]}],["$","$L10","design-systems-react",{"href":"/blog/design-systems-react","className":"group flex flex-col h-full bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 overflow-hidden hover:shadow-xl hover:-translate-y-1 transition-all duration-300","children":["$L1d","$L1e"]}],"$L1f"]}]]}]}] 14:["$","$L20",null,{}] 19:["$","div",null,{"className":"hidden lg:block","children":["$","$L16",null,{}]}] 1a:["$","div",null,{"className":"p-8 rounded-3xl bg-zinc-50 dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800","children":[["$","div",null,{"className":"flex items-center gap-4 mb-4","children":[["$","div",null,{"className":"relative w-16 h-16 rounded-full overflow-hidden bg-zinc-200 dark:bg-zinc-800 shadow-inner","children":["$","$L15",null,{"src":"/authors/ishwar.jpg","alt":"Ishwar Mule","fill":true,"className":"object-cover"}]}],["$","div",null,{"className":"flex flex-col justify-center","children":[["$","h3",null,{"className":"text-lg font-bold text-foreground leading-none mb-2","children":"Ishwar Mule"}],["$","p",null,{"className":"text-xs font-semibold text-blue-600 dark:text-blue-400 uppercase tracking-wide leading-none","children":"Founder & CEO"}]]}]]}],["$","p",null,{"className":"text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed mb-6","children":"Passionate about building scalable digital products and helping businesses grow through technology. Expert in Next.js, AI integration, and modern web architecture."}],["$","div",null,{"className":"flex gap-2","children":[["$","$L10",null,{"href":"https://linkedin.com/in/ishwarmule","className":"relative flex items-center justify-center px-3 py-2 rounded-md transition-all duration-300 ease-out group bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-blue-600 hover:border-blue-200 dark:hover:border-blue-900","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-linkedin flex-shrink-0","aria-hidden":"true","children":[["$","path","c2jq9f",{"d":"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}],["$","rect","mk3on5",{"width":"4","height":"12","x":"2","y":"9"}],["$","circle","bt5ra8",{"cx":"4","cy":"4","r":"2"}],"$undefined"]}],["$","span",null,{"className":"max-w-0 overflow-hidden group-hover:max-w-32 transition-[max-width,opacity] duration-300 ease-out opacity-0 group-hover:opacity-100 whitespace-nowrap","children":["$","span",null,{"className":"pl-2 pr-1 text-xs font-medium","children":"LinkedIn"}]}]]}],["$","$L10",null,{"href":"mailto:ishwar.mule007@gmail.com","className":"relative flex items-center justify-center px-3 py-2 rounded-md transition-all duration-300 ease-out group bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-red-500 hover:border-red-200 dark:hover:border-red-900","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-mail flex-shrink-0","aria-hidden":"true","children":[["$","path","132q7q",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"}],["$","rect","izxlao",{"x":"2","y":"4","width":"20","height":"16","rx":"2"}],"$undefined"]}],["$","span",null,{"className":"max-w-0 overflow-hidden group-hover:max-w-32 transition-[max-width,opacity] duration-300 ease-out opacity-0 group-hover:opacity-100 whitespace-nowrap","children":["$","span",null,{"className":"pl-2 pr-1 text-xs font-medium","children":"Email"}]}]]}],["$","$L10",null,{"href":"https://wa.me/910000000000","className":"relative flex items-center justify-center px-3 py-2 rounded-md transition-all duration-300 ease-out group bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-green-500 hover:border-green-200 dark:hover:border-green-900","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-smartphone flex-shrink-0","aria-hidden":"true","children":["$L21","$L22","$undefined"]}],"$L23"]}]]}]]}] 1b:["$","div",null,{"className":"p-8 rounded-3xl bg-white dark:bg-black border border-zinc-200 dark:border-zinc-800","children":[["$","h4",null,{"className":"text-sm font-bold text-foreground uppercase tracking-wider mb-6","children":"Related Topics"}],["$","div",null,{"className":"flex flex-wrap gap-2","children":[["$","span","Next.js",{"className":"px-3 py-1.5 rounded-md text-xs font-semibold bg-zinc-100 dark:bg-zinc-900 text-zinc-600 dark:text-zinc-400 border border-zinc-200 dark:border-zinc-800","children":"Next.js"}],["$","span","Performance",{"className":"px-3 py-1.5 rounded-md text-xs font-semibold bg-zinc-100 dark:bg-zinc-900 text-zinc-600 dark:text-zinc-400 border border-zinc-200 dark:border-zinc-800","children":"Performance"}],["$","span","Web Dev",{"className":"px-3 py-1.5 rounded-md text-xs font-semibold bg-zinc-100 dark:bg-zinc-900 text-zinc-600 dark:text-zinc-400 border border-zinc-200 dark:border-zinc-800","children":"Web Dev"}],["$","span","React",{"className":"px-3 py-1.5 rounded-md text-xs font-semibold bg-zinc-100 dark:bg-zinc-900 text-zinc-600 dark:text-zinc-400 border border-zinc-200 dark:border-zinc-800","children":"React"}]]}]]}] 1c:["$","div",null,{"children":[["$","h4",null,{"className":"text-sm font-bold text-foreground uppercase tracking-wider mb-4","children":"Share this article"}],["$","div",null,{"className":"flex gap-3","children":[["$","button",null,{"className":"flex items-center gap-2 px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium hover:bg-blue-700 transition-colors shadow-sm","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-twitter","aria-hidden":"true","children":[["$","path","pff0z6",{"d":"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"}],"$undefined"]}]," Tweet"]}],["$","button",null,{"className":"flex items-center gap-2 px-4 py-2 rounded-md bg-blue-800 text-white text-sm font-medium hover:bg-blue-900 transition-colors shadow-sm","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-facebook","aria-hidden":"true","children":[["$","path","1jg4f8",{"d":"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"}],"$undefined"]}]," Share"]}]]}]]}] 1d:["$","div",null,{"className":"relative aspect-[16/10] w-full overflow-hidden bg-zinc-100 dark:bg-zinc-800","children":[["$","$L15",null,{"src":"/blog/brand-identity.png","alt":"Building Scalable Design Systems in React","fill":true,"className":"object-cover transition-transform duration-700 group-hover:scale-110"}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-tr from-zinc-200/20 to-transparent dark:from-zinc-900/40 mix-blend-overlay"}],["$","div",null,{"className":"absolute top-4 left-4","children":["$","span",null,{"className":"px-3 py-1 bg-white/90 dark:bg-black/80 backdrop-blur text-[10px] font-bold uppercase tracking-wider rounded-md","children":"Design"}]}]]}] 1e:["$","div",null,{"className":"flex-1 flex flex-col p-6","children":[["$","div",null,{"className":"flex items-center gap-2 text-xs font-semibold text-zinc-500 mb-4","children":["$","span",null,{"children":"December 05, 2024"}]}],["$","h3",null,{"className":"text-xl font-bold text-foreground mb-3 leading-snug group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors","children":"Building Scalable Design Systems in React"}],["$","p",null,{"className":"text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed line-clamp-2 mb-6","children":"Consistency is key to a premium user experience. Learn how we structure our component libraries to ensure visual harmony and rapid development velocity across multiple products."}],["$","div",null,{"className":"mt-auto flex items-center text-sm font-bold text-blue-600 dark:text-blue-400 gap-2","children":["Read Article ",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":14,"height":14,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right group-hover:translate-x-1 transition-transform","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}] 1f:["$","$L10","nextjs-performance-optimization",{"href":"/blog/nextjs-performance-optimization","className":"group flex flex-col h-full bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 overflow-hidden hover:shadow-xl hover:-translate-y-1 transition-all duration-300","children":[["$","div",null,{"className":"relative aspect-[16/10] w-full overflow-hidden bg-zinc-100 dark:bg-zinc-800","children":[["$","$L15",null,{"src":"/blog/performance.png","alt":"Advanced Performance Optimization in Next.js 15","fill":true,"className":"object-cover transition-transform duration-700 group-hover:scale-110"}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-tr from-zinc-200/20 to-transparent dark:from-zinc-900/40 mix-blend-overlay"}],["$","div",null,{"className":"absolute top-4 left-4","children":["$","span",null,{"className":"px-3 py-1 bg-white/90 dark:bg-black/80 backdrop-blur text-[10px] font-bold uppercase tracking-wider rounded-md","children":"Engineering"}]}]]}],["$","div",null,{"className":"flex-1 flex flex-col p-6","children":[["$","div",null,{"className":"flex items-center gap-2 text-xs font-semibold text-zinc-500 mb-4","children":["$","span",null,{"children":"December 18, 2024"}]}],["$","h3",null,{"className":"text-xl font-bold text-foreground mb-3 leading-snug group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors","children":"Advanced Performance Optimization in Next.js 15"}],["$","p",null,{"className":"text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed line-clamp-2 mb-6","children":"Speed is a feature. We dive deep into React Server Components, streaming hydration, and edge caching strategies to deliver sub-second load times for complex web applications."}],["$","div",null,{"className":"mt-auto flex items-center text-sm font-bold text-blue-600 dark:text-blue-400 gap-2","children":["Read Article ",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":14,"height":14,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right group-hover:translate-x-1 transition-transform","aria-hidden":"true","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]]}]]}] 21:["$","rect","1yt0o3",{"width":"14","height":"20","x":"5","y":"2","rx":"2","ry":"2"}] 22:["$","path","mhygvu",{"d":"M12 18h.01"}] 23:["$","span",null,{"className":"max-w-0 overflow-hidden group-hover:max-w-32 transition-[max-width,opacity] duration-300 ease-out opacity-0 group-hover:opacity-100 whitespace-nowrap","children":["$","span",null,{"className":"pl-2 pr-1 text-xs font-medium","children":"WhatsApp"}]}] b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 24:I[27201,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/7340adf74ff47ec0.js"],"IconMark"] 9:null d:[["$","title","0",{"children":"Advanced Performance Optimization in Next.js 15"}],["$","meta","1",{"name":"description","content":"Speed is a feature. We dive deep into React Server Components, streaming hydration, and edge caching strategies to deliver sub-second load times for complex web applications."}],["$","meta","2",{"name":"author","content":"Ishwar Mule"}],["$","meta","3",{"name":"keywords","content":"Web Development,AI Automation,Next.js Experts,SEO Services,GEO Optimization,AIO Strategies,Digital Transformation,React Development"}],["$","meta","4",{"name":"creator","content":"Domain Expansion"}],["$","meta","5",{"name":"publisher","content":"Domain Expansion"}],["$","meta","6",{"name":"robots","content":"index, follow"}],["$","meta","7",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","8",{"rel":"canonical","href":"https://domainexpansion.in/blog"}],["$","meta","9",{"name":"format-detection","content":"telephone=no, address=no, email=no"}],["$","meta","10",{"property":"og:title","content":"Domain Expansion | Web Development & AI Automation Agency"}],["$","meta","11",{"property":"og:description","content":"Architects of the new digital age. Merging code, design, and intelligence to build scalable digital ecosystems."}],["$","meta","12",{"property":"og:url","content":"https://domainexpansion.in"}],["$","meta","13",{"property":"og:site_name","content":"Domain Expansion"}],["$","meta","14",{"property":"og:locale","content":"en_US"}],["$","meta","15",{"property":"og:image","content":"https://domainexpansion.in/og-image.jpg"}],["$","meta","16",{"property":"og:image:width","content":"1200"}],["$","meta","17",{"property":"og:image:height","content":"630"}],["$","meta","18",{"property":"og:image:alt","content":"Domain Expansion - Digital Architects"}],["$","meta","19",{"property":"og:type","content":"website"}],["$","meta","20",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","21",{"name":"twitter:creator","content":"@domainexpansion"}],["$","meta","22",{"name":"twitter:title","content":"Domain Expansion | Web Development & AI Automation Agency"}],["$","meta","23",{"name":"twitter:description","content":"High-performance websites and autonomous AI agents for modern businesses."}],["$","meta","24",{"name":"twitter:image","content":"https://domainexpansion.in/og-image.jpg"}],["$","link","25",{"rel":"icon","href":"/favicon.ico?favicon.f3a01c19.ico","sizes":"300x300","type":"image/x-icon"}],["$","$L24","26",{}]]