PageSourceSearch

https://mockme.ai/blog

html mockme.ai collected 2026-10-05 13:41:35 UTC 32,326 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="__variable_069ab3" data-scroll-behavior="smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/904be59b21bd51cb-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/mockme-parrot.svg"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/bkzxow5f/production/66023e709b59ce36e4e1dd3b0e62838fb03030c1-1536x1024.png"/><link rel="preload" as="image" href="https://media.theresanaiforthat.com/featured-on-taaft.png?width=600"/><link rel="stylesheet" href="/_next/static/css/27999cfa4714a0ef.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/abf31bcbe2169bb9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-b8b3900b1760f66f.js"/>
1<script src="/_next/static/chunks/a8b4de04-5c13cc1bf1581233.js" async=""></script>
1<script src="/_next/static/chunks/84ba117d-959ed1d1e2c2b349.js" async=""></script>
1<script src="/_next/static/chunks/3540-745e7e5deb66eb93.js" async=""></script>
1<script src="/_next/static/chunks/main-app-caacee3f0a1c966e.js" async=""></script>
1<script src="/_next/static/chunks/app/global-error-941ce6a583724c93.js" async=""></script>
1<script src="/_next/static/chunks/7279-308ada04d6c0295c.js" async=""></script>
1<script src="/_next/static/chunks/5242-07470558e79efd26.js" async=""></script>
1<script src="/_next/static/chunks/4729-0caad00e6398d1bf.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-b1647a9b26c1ae84.js" async=""></script>
1<script src="/_next/static/chunks/app/error-2f75d7669775754d.js" async=""></script>
1<script src="https://clerk.mockme.ai/npm/@clerk/clerk-js@5/dist/clerk.browser.js" data-clerk-js-script="true" async="" crossorigin="anonymous" data-clerk-publishable-key="pk_live_Y2xlcmsubW9ja21lLmFpJA"></script>
1<script src="/_next/static/chunks/9148-a05d275aa2fdaf6a.js" async=""></script>
1<script src="/_next/static/chunks/3820-500268a1cac4a53c.js" async=""></script>
1<script src="/_next/static/chunks/8107-6e56d5ee03bba05d.js" async=""></script>
1<script src="/_next/static/chunks/9231-59873f22a9e79ad8.js" async=""></script>
1<script src="/_next/static/chunks/app/(external)/blog/page-6a1fb42298b1ea8f.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-KRD8NHERWS" as="script"/><meta name="next-size-adjust" content=""/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/favicon.svg"/><title>MockMe.ai | AI-Powered System Design Interview Practice</title><meta name="description" content="Prepare for your next system design interview with MockMe.ai - realistic AI-powered mock interviews with voice interaction and real-time feedback for software engineers."/><meta property="og:title" content="MockMe.ai | AI-Powered System Design Interview Practice"/><meta property="og:description" content="Practice realistic system design interviews with live voice, an architecture board, and evidence-based feedback."/><meta property="og:url" content="https://mockme.ai"/><meta property="og:site_name" content="MockMe.ai"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="MockMe.ai | AI-Powered System Design Interview Practice"/><meta name="twitter:description" content="Practice realistic system design interviews with live voice, an architecture board, and evidence-based feedback."/><link rel="shortcut icon" href="/favicon.svg"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><link rel="icon" href="/favicon.svg"/><link rel="apple-touch-icon" href="/favicon.svg"/>
1<script data-mockme-interview-debug="true" src="/interview-debug-bootstrap.js"></script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="bg-gray-100 text-gray-900 font-sans"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-gray-50"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent py-4"><div class="container px-4 mx-auto"><div class="flex items-center justify-between"><a aria-label="MockMe home" href="/"><span class="inline-flex items-center gap-2.5 "><img alt="" width="32" height="32" decoding="async" data-nimg="1" class="shrink-0 object-contain [image-rendering:pixelated] transition-opacity duration-150 hover:opacity-90 " style="color:transparent" src="/images/mockme-parrot.svg"/><span class="text-xl font-bold text-gray-900">MockMe.ai</span></span></a><nav class="hidden md:flex items-center space-x-8"><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="#features">Features</a><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="#how-it-works">How It Works</a><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="/blog">Blog</a><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="/system-design-interview-questions">Mock Interviews</a><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="#pricing">Pricing</a><a class="font-medium transition-colors text-gray-800 hover:text-primary" href="#faq">FAQ</a></nav><div class="hidden md:flex items-center space-x-4"><a class="px-4 py-2 font-medium text-gray-700 transition-colors hover:text-primary" href="/sign-in">Login</a><a class="px-4 py-2 font-medium text-white bg-primary hover:bg-primary-dark transition-colors rounded-lg" href="/sign-up">Sign Up</a></div><button class="block md:hidden focus:outline-none"><svg class="w-6 h-6 text-gray-900" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></div></header><section class="relative pt-20 pb-16 bg-gradient-to-b from-white to-gray-50"><div class="container px-4 mx-auto"><div class="max-w-3xl mx-auto text-center"><div class="inline-flex items-center mb-6 space-x-2"><span class="px-4 py-2 text-xs font-semibold tracking-wider text-primary bg-primary/10 rounded-full uppercase">Our Blog</span></div><h1 class="mb-6 text-4xl font-bold leading-tight md:text-5xl text-dark">System Design Insights</h1><p class="text-lg text-gray-600 md:text-xl max-w-2xl mx-auto">Expert articles, guides, and tips to help you master system design interviews and build scalable systems.</p></div></div><div class="absolute top-0 left-0 -z-10"><svg width="300" height="300" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.5 -49C52.3 -36.1 64.6 -25.3 72.7 -9.9C80.8 5.5 84.6 25.5 77.4 39.7C70.1 53.9 51.8 62.3 33.3 68.7C14.8 75.1 -3.8 79.5 -23.6 76.2C-43.4 72.9 -64.5 62 -73.2 44.7C-81.8 27.3 -77.9 3.6 -70.7 -15.4C-63.5 -34.4 -52.9 -48.7 -39.6 -61.5C-26.2 -74.3 -10.1 -85.6 1.4 -87.2C13 -88.8 26.7 -61.9 39.5 -49Z" fill="#D87857" fill-opacity="0.1" transform="translate(100 100)"></path></svg></div></section><main class="container mx-auto max-w-6xl px-4 py-12"><div class="flex items-center justify-between mb-10 pb-6 border-b border-gray-200"><h2 class="text-2xl font-bold">Latest Articles</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><a class="group" href="/blog/mastering-the-system-design-interview-a-step-by-step-framework-that-actually-works"><article class="flex flex-col h-full bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md border border-gray-100"><div class="relative h-48 overflow-hidden"><img src="https://cdn.sanity.io/images/bkzxow5f/production/66023e709b59ce36e4e1dd3b0e62838fb03030c1-1536x1024.png" alt="Mastering the System Design Interview: A Step-by-Step Framework That Actually Works" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"/><div class="absolute bottom-3 right-3 px-3 py-1 text-xs font-medium bg-black/70 text-white rounded-full">8<!-- --> min read</div></div><div class="flex flex-col flex-grow p-6"><div class="flex flex-wrap gap-2 mb-3"><span class="px-2 py-1 text-xs bg-gray-100 text-gray-700 rounded-full">Interview Tip</span></div><h2 class="text-xl font-bold mb-3 group-hover:text-primary transition-colors">Mastering the System Design Interview: A Step-by-Step Framework That Actually Works</h2><p class="text-gray-600 mb-4 line-clamp-2">Master system design interviews with this practical 5-step framework. Learn how to approach complex problems, communicate effectively, and impress your interviewer with structured thinking.</p><div class="mt-auto pt-4 border-t border-gray-100 flex items-center justify-between"><time class="text-sm text-gray-500">March 23, 2025</time><span class="text-sm font-medium text-primary group-hover:underline">Read more</span></div></div></article></a></div></main><footer class="py-8 bg-gray-900 text-gray-300"><div class="container px-4 mx-auto"><div class="flex flex-col md:flex-row items-center justify-between"><div class="mb-6 md:mb-0 flex flex-col items-center md:items-start"><a aria-label="MockMe home" class="mb-3" href="/"><span class="inline-flex items-center gap-2.5 "><img alt="" width="32" height="32" decoding="async" data-nimg="1" class="shrink-0 object-contain [image-rendering:pixelated] transition-opacity duration-150 hover:opacity-90 " style="color:transparent" src="/images/mockme-parrot.svg"/><span class="text-xl font-bold text-white">MockMe.ai</span></span></a><p class="text-sm text-gray-400 text-center md:text-left">AI-powered mock system design interviews to help you ace your next tech interview.</p></div><div class="flex flex-col items-center md:items-end"><div class="flex space-x-4 mb-4"><a href="https://theresanaiforthat.com/ai/mockme-ai/?ref=featured&amp;v=5173396" target="_blank" rel="nofollow"><img width="300" src="https://media.theresanaiforthat.com/featured-on-taaft.png?width=600"/></a><a href="https://x.com/JuantwoJuan_" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter w-5 h-5"><path 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"></path></svg></a><a href="https://www.linkedin.com/in/juan-quintero-ovalle/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-5 h-5"><path 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"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://github.com/juan-two-juan" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-5 h-5"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div><p class="text-sm text-gray-500">© <!-- -->2026<!-- --> MockMe.ai</p><div class="mt-2 text-xs text-gray-500"><a class="hover:text-gray-300" href="/terms">Terms and Conditions</a><span class="mx-2">•</span><a class="hover:text-gray-300" href="/privacy">Privacy Policy</a></div></div></div></div></footer></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/webpack-b8b3900b1760f66f.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[2931,[],\"\"]\n4:I[16495,[],\"\"]\n6:I[33626,[],\"OutletBoundary\"]\n8:I[58575,[],\"AsyncMetadataOutlet\"]\na:I[33626,[],\"ViewportBoundary\"]\nc:I[33626,[],\"MetadataBoundary\"]\nd:\"$Sreact.suspense\"\nf:I[80388,[\"4219\",\"static/chunks/app/global-error-941ce6a583724c93.js\"],\"default\"]\n:HL[\"/_next/static/media/904be59b21bd51cb-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/27999cfa4714a0ef.css\",\"style\"]\n:HL[\"/_next/static/css/abf31bcbe2169bb9.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"dDar8qkHwu2OFx5FSRHK4\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(external)\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/27999cfa4714a0ef.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/abf31bcbe2169bb9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[\"(external)\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",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\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",[\"$\",\"$L8\",null,{\"promise\":\"$@9\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$d\",null,{\"fallback\":null,\"children\":\"$Le\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"10:I[76,[\"7279\",\"static/chunks/7279-308ada04d6c0295c.js\",\"5242\",\"static/chunks/5242-07470558e79efd26.js\",\"4729\",\"static/chunks/4729-0caad00e6398d1bf.js\",\"7177\",\"static/chunks/app/layout-b1647a9b26c1ae84.js\"],\"ClientClerkProvider\"]\n11:I[31307,[\"7279\",\"static/chunks/7279-308ada04d6c0295c.js\",\"5242\",\"static/chunks/5242-07470558e79efd26.js\",\"4729\",\"static/chunks/4729-0caad00e6398d1bf.js\",\"7177\",\"static/chunks/app/layout-b1647a9b26c1ae84.js\"],\"\"]\n12:I[38406,[\"7279\",\"static/chunks/7279-308ada04d6c0295c.js\",\"5242\",\"static/chunks/5242-07470558e79efd26.js\",\"4729\",\"static/chunks/4729-0caad00e6398d1bf.js\",\"7177\",\"static/chunks/app/layout-b1647a9b26c1ae84.js\"],\"PostHogProvider\"]\n13:I[89078,[\"8039\",\"static/chunks/app/error-2f75d7669775754d.js\"],\"default\"]\n14:I[41876,[\"7279\",\"static/chunks/7279-308ada04d6c0295c.js\",\"5242\",\"static/chunks/5242-07470558e79efd26.js\",\"4729\",\"static/chunks/4729-0caad00e6398d1bf.js\",\"7177\",\"static/chunks/app/layout-b1647a9b26c1ae84.js\"],\"GoogleAnalytics\"]\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"$L10\",null,{\"publishableKey\":\"pk_live_Y2xlcmsubW9ja21lLmFpJA\",\"clerkJSUrl\":\"$undefined\",\"clerkJSVersion\":\"$undefined\",\"proxyUrl\":\"\",\"domain\":\"\",\"isSatellite\":false,\"signInUrl\":\"/sign-in\",\"signUpUrl\":\"/sign-up\",\"signInForceRedirectUrl\":\"/authenticated\",\"signUpForceRedirectUrl\":\"/authenticated\",\"signInFallbackRedirectUrl\":\"\",\"signUpFallbackRedirectUrl\":\"\",\"afterSignInUrl\":\"\",\"afterSignUpUrl\":\"\",\"newSubscriptionRedirectUrl\":\"\",\"telemetry\":{\"disabled\":false,\"debug\":false},\"sdkMetadata\":{\"name\":\"@clerk/nextjs\",\"version\":\"6.36.7\",\"environment\":\"production\"},\"nonce\":\"\",\"initialState\":null,\"children\":[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_069ab3\",\"data-scroll-behavior\":\"smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"script\",null,{\"data-mockme-interview-debug\":\"true\",\"src\":\"/interview-debug-bootstrap.js\"}],[\"$\",\"$L11\",null,{\"id\":\"twitter-pixel-base\",\"strategy\":\"afterInteractive\",\"children\":\"\\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);\\n},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',\\na=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');\\ntwq('config','qlz2z');\\n            \"}]]}],[\"$\",\"body\",null,{\"className\":\"bg-gray-100 text-gray-900 font-sans\",\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$13\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:2:children:1:props:children:1:props:notFound:0:1:props:style\",\"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\":\"$0:f:0:1:2:children:1:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:2:children:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:2:children:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$L14\",null,{\"gaId\":\"G-KRD8NHERWS\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script>
1<script>self.__next_f.push([1,"15:I[45007,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"9:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"MockMe.ai | AI-Powered System Design Interview Practice\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Prepare for your next system design interview with MockMe.ai - realistic AI-powered mock interviews with voice interaction and real-time feedback for software engineers.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"MockMe.ai | AI-Powered System Design Interview Practice\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Practice realistic system design interviews with live voice, an architecture board, and evidence-based feedback.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://mockme.ai\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"MockMe.ai\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"MockMe.ai | AI-Powered System Design Interview Practice\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"Practice realistic system design interviews with live voice, an architecture board, and evidence-based feedback.\"}],[\"$\",\"link\",\"10\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",\"11\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",\"13\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"$L15\",\"14\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"e:\"$9:metadata\"\n"])</script>
1<script>self.__next_f.push([1,"16:I[49744,[\"9148\",\"static/chunks/9148-a05d275aa2fdaf6a.js\",\"3820\",\"static/chunks/3820-500268a1cac4a53c.js\",\"8107\",\"static/chunks/8107-6e56d5ee03bba05d.js\",\"9231\",\"static/chunks/9231-59873f22a9e79ad8.js\",\"2442\",\"static/chunks/app/(external)/blog/page-6a1fb42298b1ea8f.js\"],\"default\"]\n17:I[46058,[\"9148\",\"static/chunks/9148-a05d275aa2fdaf6a.js\",\"3820\",\"static/chunks/3820-500268a1cac4a53c.js\",\"8107\",\"static/chunks/8107-6e56d5ee03bba05d.js\",\"9231\",\"static/chunks/9231-59873f22a9e79ad8.js\",\"2442\",\"static/chunks/app/(external)/blog/page-6a1fb42298b1ea8f.js\"],\"\"]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-gray-50\",\"children\":[[\"$\",\"$L16\",null,{}],[\"$\",\"section\",null,{\"className\":\"relative pt-20 pb-16 bg-gradient-to-b from-white to-gray-50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container px-4 mx-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center mb-6 space-x-2\",\"children\":[\"$\",\"span\",null,{\"className\":\"px-4 py-2 text-xs font-semibold tracking-wider text-primary bg-primary/10 rounded-full uppercase\",\"children\":\"Our Blog\"}]}],[\"$\",\"h1\",null,{\"className\":\"mb-6 text-4xl font-bold leading-tight md:text-5xl text-dark\",\"children\":\"System Design Insights\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-600 md:text-xl max-w-2xl mx-auto\",\"children\":\"Expert articles, guides, and tips to help you master system design interviews and build scalable systems.\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 -z-10\",\"children\":[\"$\",\"svg\",null,{\"width\":\"300\",\"height\":\"300\",\"viewBox\":\"0 0 200 200\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$\",\"path\",null,{\"d\":\"M39.5 -49C52.3 -36.1 64.6 -25.3 72.7 -9.9C80.8 5.5 84.6 25.5 77.4 39.7C70.1 53.9 51.8 62.3 33.3 68.7C14.8 75.1 -3.8 79.5 -23.6 76.2C-43.4 72.9 -64.5 62 -73.2 44.7C-81.8 27.3 -77.9 3.6 -70.7 -15.4C-63.5 -34.4 -52.9 -48.7 -39.6 -61.5C-26.2 -74.3 -10.1 -85.6 1.4 -87.2C13 -88.8 26.7 -61.9 39.5 -49Z\",\"fill\":\"#D87857\",\"fillOpacity\":\"0.1\",\"transform\":\"translate(100 100)\"}]}]}]]}],[\"$\",\"main\",null,{\"className\":\"container mx-auto max-w-6xl px-4 py-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-10 pb-6 border-b border-gray-200\",\"children\":[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold\",\"children\":\"Latest Articles\"}]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\",\"children\":[[\"$\",\"$L17\",\"70009bc6-a67e-4988-9a9b-eb3caa2f4ebc\",{\"href\":\"/blog/mastering-the-system-design-interview-a-step-by-step-framework-that-actually-works\",\"className\":\"group\",\"prefetch\":false,\"children\":[\"$\",\"article\",null,{\"className\":\"flex flex-col h-full bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md border border-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-48 overflow-hidden\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.sanity.io/images/bkzxow5f/production/66023e709b59ce36e4e1dd3b0e62838fb03030c1-1536x1024.png\",\"alt\":\"Mastering the System Design Interview: A Step-by-Step Framework That Actually Works\",\"className\":\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-3 right-3 px-3 py-1 text-xs font-medium bg-black/70 text-white rounded-full\",\"children\":[8,\" min read\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col flex-grow p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2 mb-3\",\"children\":[[\"$\",\"span\",\"0\",{\"className\":\"px-2 py-1 text-xs bg-gray-100 text-gray-700 rounded-full\",\"children\":\"Interview Tip\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold mb-3 group-hover:text-primary transition-colors\",\"children\":\"Mastering the System Design Interview: A Step-by-Step Framework That Actually Works\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 mb-4 line-clamp-2\",\"children\":\"Master system design interviews with this practical 5-step framework. Learn how to approach complex problems, communicate effectively, and impress your interviewer with structured thinking.\"}],[\"$\",\"div\",null,{\"className\":\"mt-auto pt-4 border-t border-gray-100 flex items-center justify-between\",\"children\":[[\"$\",\"time\",null,{\"className\":\"text-sm text-gray-500\",\"children\":\"March 23, 2025\"}],[\"$\",\"span\",null,{\"className\":\"text-sm font-medium text-primary group-hover:underline\",\"children\":\"Read more\"}]]}]]}]]}]}]]}],false,false]}],[\"$\",\"footer\",null,{\"className\":\"py-8 bg-gray-900 text-gray-300\",\"children\":\"$L18\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"19:I[13207,[\"9148\",\"static/chunks/9148-a05d275aa2fdaf6a.js\",\"3820\",\"static/chunks/3820-500268a1cac4a53c.js\",\"8107\",\"static/chunks/8107-6e56d5ee03bba05d.js\",\"9231\",\"static/chunks/9231-59873f22a9e79ad8.js\",\"2442\",\"static/chunks/app/(external)/blog/page-6a1fb42298b1ea8f.js\"],\"Image\"]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"div\",null,{\"className\":\"container px-4 mx-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 md:mb-0 flex flex-col items-center md:items-start\",\"children\":[[\"$\",\"$L17\",null,{\"href\":\"/\",\"aria-label\":\"MockMe home\",\"className\":\"mb-3\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-2.5 \",\"children\":[[\"$\",\"$L19\",null,{\"src\":\"/images/mockme-parrot.svg\",\"alt\":\"\",\"width\":32,\"height\":32,\"priority\":true,\"className\":\"shrink-0 object-contain [image-rendering:pixelated] transition-opacity duration-150 hover:opacity-90 \"}],[\"$\",\"span\",null,{\"className\":\"text-xl font-bold text-white\",\"children\":\"MockMe.ai\"}]]}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-400 text-center md:text-left\",\"children\":\"AI-powered mock system design interviews to help you ace your next tech interview.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center md:items-end\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex space-x-4 mb-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://theresanaiforthat.com/ai/mockme-ai/?ref=featured\u0026v=5173396\",\"target\":\"_blank\",\"rel\":\"nofollow\",\"children\":[\"$\",\"img\",null,{\"width\":\"300\",\"src\":\"https://media.theresanaiforthat.com/featured-on-taaft.png?width=600\"}]}],[\"$\",\"a\",null,{\"href\":\"https://x.com/JuantwoJuan_\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-400 hover:text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-twitter w-5 h-5\",\"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\"]}]}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/juan-quintero-ovalle/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-400 hover:text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-linkedin w-5 h-5\",\"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\"]}]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/juan-two-juan\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-400 hover:text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github w-5 h-5\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}]}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-500\",\"children\":[\"© \",2026,\" MockMe.ai\"]}],[\"$\",\"div\",null,{\"className\":\"mt-2 text-xs text-gray-500\",\"children\":[[\"$\",\"$L17\",null,{\"href\":\"/terms\",\"className\":\"hover:text-gray-300\",\"children\":\"Terms and Conditions\"}],[\"$\",\"span\",null,{\"className\":\"mx-2\",\"children\":\"•\"}],[\"$\",\"$L17\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-gray-300\",\"children\":\"Privacy Policy\"}]]}]]}]]}]}]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.