https://sitealive.io/assets/LearnHub-wAjHHIyQ.js

1import{r as h,j as e,L as d}from"./vendor-react-D571QvPy.js";import{u as c}from"./index-vhVGjLN5.js";import{L as x}from"./LearnBreadcrumb-Mu73DVK-.js";import"./vendor-CYzKdXyE.js";const f=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"2",y:"2",width:"28",height:"20",rx:"3",fill:"#f0f0f0",stroke:"#d0d0d0",strokeWidth:"1"}),e.jsx("rect",{x:"5",y:"6",width:"22",height:"3",rx:"1",fill:"#d0d0d0"}),e.jsx("rect",{x:"5",y:"12",width:"14",height:"2",rx:"1",fill:"#e0e0e0"}),e.jsx("path",{d:"M32 12 L48 12",stroke:"#4ade80",strokeWidth:"1.5",strokeDasharray:"3 2"}),e.jsx("path",{d:"M46 9 L50 12 L46 15",stroke:"#4ade80",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"50",y:"4",width:"26",height:"18",rx:"3",fill:"#1a1a1a"}),e.jsx("text",{x:"63",y:"14",textAnchor:"middle",fill:"white",fontSize:"5",fontFamily:"monospace",children:"DNS"}),e.jsx("path",{d:"M63 23 L63 34",stroke:"#4ade80",strokeWidth:"1.5",strokeDasharray:"3 2"}),e.jsx("path",{d:"M60 32 L63 36 L66 32",stroke:"#4ade80",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"44",y:"37",width:"38",height:"14",rx:"2",fill:"#f9f9f8",stroke:"#ebebeb",strokeWidth:"1"}),e.jsx("text",{x:"63",y:"46",textAnchor:"middle",fill:"#555",fontSize:"5",fontFamily:"monospace",children:"142.250.x.x"}),e.jsx("text",{x:"16",y:"30",textAnchor:"middle",fill:"#888",fontSize:"5",children:"youtube.com"})]}),m=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[[{code:"200",color:"#4ade80",y:6},{code:"404",color:"#f87171",y:22},{code:"500",color:"#f87171",y:38},{code:"503",color:"#fbbf24",y:22},{code:"302",color:"#60a5fa",y:6}].map(({code:i,color:t,y:s},r)=>e.jsxs("g",{children:[e.jsx("rect",{x:r<3?4+r*24:(r-3)*24+28,y:s,width:"20",height:"12",rx:"3",fill:t+"22",stroke:t,strokeWidth:"1"}),e.jsx("text",{x:r<3?14+r*24:(r-3)*24+38,y:s+8,textAnchor:"middle",fill:t,fontSize:"6",fontWeight:"bold",fontFamily:"monospace",children:i})]},i)),e.jsx("rect",{x:"4",y:"38",width:"20",height:"12",rx:"3",fill:"#fbbf2422",stroke:"#fbbf24",strokeWidth:"1"}),e.jsx("text",{x:"14",y:"46",textAnchor:"middle",fill:"#fbbf24",fontSize:"6",fontWeight:"bold",fontFamily:"monospace",children:"429"}),e.jsx("rect",{x:"28",y:"38",width:"20",height:"12",rx:"3",fill:"#f8717122",stroke:"#f87171",strokeWidth:"1"}),e.jsx("text",{x:"38",y:"46",textAnchor:"middle",fill:"#f87171",fontSize:"6",fontWeight:"bold",fontFamily:"monospace",children:"502"}),e.jsx("rect",{x:"52",y:"38",width:"20",height:"12",rx:"3",fill:"#f8717122",stroke:"#f87171",strokeWidth:"1"}),e.jsx("text",{x:"62",y:"46",textAnchor:"middle",fill:"#f87171",fontSize:"6",fontWeight:"bold",fontFamily:"monospace",children:"504"}),e.jsx("rect",{x:"52",y:"22",width:"20",height:"12",rx:"3",fill:"#4ade8022",stroke:"#4ade80",strokeWidth:"1"}),e.jsx("text",{x:"62",y:"30",textAnchor:"middle",fill:"#4ade80",fontSize:"6",fontWeight:"bold",fontFamily:"monospace",children:"201"})]}),p=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"26",y:"4",width:"28",height:"8",rx:"2",fill:"#1a1a1a"}),e.jsx("circle",{cx:"30",cy:"8",r:"1.5",fill:"#4ade80"}),e.jsx("rect",{x:"34",y:"6.5",width:"16",height:"3",rx:"1",fill:"#333"}),e.jsx("rect",{x:"26",y:"14",width:"28",height:"8",rx:"2",fill:"#1a1a1a"}),e.jsx("circle",{cx:"30",cy:"18",r:"1.5",fill:"#f87171"}),e.jsx("rect",{x:"34",y:"16.5",width:"16",height:"3",rx:"1",fill:"#333"}),e.jsx("rect",{x:"26",y:"24",width:"28",height:"8",rx:"2",fill:"#1a1a1a"}),e.jsx("circle",{cx:"30",cy:"28",r:"1.5",fill:"#f87171"}),e.jsx("rect",{x:"34",y:"26.5",width:"16",height:"3",rx:"1",fill:"#333"}),e.jsx("path",{d:"M40 38 L46 50 L34 50 Z",fill:"#fbbf2422",stroke:"#fbbf24",strokeWidth:"1.2"}),e.jsx("text",{x:"40",y:"48",textAnchor:"middle",fill:"#fbbf24",fontSize:"7",fontWeight:"bold",children:"!"}),e.jsx("path",{d:"M56 36 L64 44 M64 36 L56 44",stroke:"#f87171",strokeWidth:"2",strokeLinecap:"round"})]}),w=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[[{x:4,y:20,ok:!0},{x:18,y:12,ok:!0},{x:32,y:20,ok:!1},{x:46,y:12,ok:!0},{x:60,y:20,ok:!1}].map(({x:i,y:t,ok:s},r)=>e.jsxs("g",{children:[e.jsx("rect",{x:i,y:t,width:"10",height:"8",rx:"2",fill:s?"#1a1a1a":"#fee2e2",stroke:s?"#333":"#f87171",strokeWidth:"1",opacity:s?1:.7}),!s&&e.jsx("path",{d:`M${i+2} ${t+2} L${i+8} ${t+6} M${i+8} ${t+2} L${i+2} ${t+6}`,stroke:"#f87171",strokeWidth:"1.5",strokeLinecap:"round"}),s&&e.jsx("rect",{x:i+2,y:t+2,width:"6",height:"1.5",rx:"0.5",fill:"#555"}),s&&e.jsx("rect",{x:i+2,y:t+4.5,width:"4",height:"1.5",rx:"0.5",fill:"#555"})]},r)),e.jsx("path",{d:"M4 38 Q20 30 36 38 Q52 46 68 38",stroke:"#ebebeb",strokeWidth:"1",strokeDasharray:"3 2"}),e.jsx("rect",{x:"4",y:"46",width:"6",height:"5",rx:"1",fill:"#1a1a1a"}),e.jsx("text",{x:"12",y:"51",fill:"#888",fontSize:"4.5",children:"received"}),e.jsx("rect",{x:"36",y:"46",width:"6",height:"5",rx:"1",fill:"#fee2e2",stroke:"#f87171",strokeWidth:"0.8"}),e.jsx("text",{x:"44",y:"51",fill:"#888",fontSize:"4.5",children:"lost"})]}),g=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"2",y:"14",width:"20",height:"14",rx:"2",fill:"#f0f0f0",stroke:"#d0d0d0",strokeWidth:"1"}),e.jsx("rect",{x:"5",y:"17",width:"14",height:"2",rx:"0.5",fill:"#d0d0d0"}),e.jsx("rect",{x:"5",y:"21",width:"10",height:"2",rx:"0.5",fill:"#e0e0e0"}),e.jsx("path",{d:"M23 21 Q40 10 57 21",stroke:"#6366f1",strokeWidth:"2.5",strokeDasharray:"4 2"}),e.jsx("path",{d:"M23 21 Q40 32 57 21",stroke:"#6366f1",strokeWidth:"2.5",strokeDasharray:"4 2"}),e.jsx("rect",{x:"35",y:"17",width:"10",height:"8",rx:"1.5",fill:"#6366f1"}),e.jsx("path",{d:"M38 17 Q38 14 40 14 Q42 14 42 17",stroke:"#6366f1",strokeWidth:"1.5",fill:"none"}),e.jsx("circle",{cx:"40",cy:"21",r:"1.2",fill:"white"}),e.jsx("rect",{x:"58",y:"14",width:"20",height:"6",rx:"1.5",fill:"#1a1a1a"}),e.jsx("circle",{cx:"62",cy:"17",r:"1.2",fill:"#4ade80"}),e.jsx("rect",{x:"58",y:"22",width:"20",height:"6",rx:"1.5",fill:"#1a1a1a"}),e.jsx("circle",{cx:"62",cy:"25",r:"1.2",fill:"#4ade80"})]}),u=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"6",y:"8",width:"68",height:"40",rx:"4",fill:"#fff",stroke:"#d0d0d0",strokeWidth:"1"}),e.jsx("rect",{x:"6",y:"8",width:"68",height:"8",rx:"4",fill:"#f3f4f6"}),e.jsx("circle",{cx:"12",cy:"12",r:"1.2",fill:"#f87171"}),e.jsx("circle",{cx:"16",cy:"12",r:"1.2",fill:"#fbbf24"}),e.jsx("circle",{cx:"20",cy:"12",r:"1.2",fill:"#4ade80"}),e.jsx("rect",{x:"12",y:"22",width:"22",height:"12",rx:"2",fill:"#fee2e2",stroke:"#f87171",strokeWidth:"1"}),e.jsx("text",{x:"23",y:"30",textAnchor:"middle",fill:"#f87171",fontSize:"6",fontWeight:"bold",children:"404"}),e.jsx("rect",{x:"40",y:"22",width:"28",height:"3",rx:"1",fill:"#d1d5db"}),e.jsx("rect",{x:"40",y:"28",width:"22",height:"3",rx:"1",fill:"#e5e7eb"}),e.jsx("rect",{x:"40",y:"34",width:"18",height:"3",rx:"1",fill:"#e5e7eb"})]}),y=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"12",cy:"42",r:"5",fill:"#e0f2fe",stroke:"#38bdf8",strokeWidth:"1"}),e.jsx("circle",{cx:"30",cy:"28",r:"5",fill:"#e0f2fe",stroke:"#38bdf8",strokeWidth:"1"}),e.jsx("circle",{cx:"50",cy:"18",r:"5",fill:"#fef3c7",stroke:"#f59e0b",strokeWidth:"1"}),e.jsx("circle",{cx:"68",cy:"12",r:"5",fill:"#dcfce7",stroke:"#22c55e",strokeWidth:"1"}),e.jsx("path",{d:"M16 39 L26 31 L46 20 L62 14",stroke:"#64748b",strokeWidth:"2",strokeDasharray:"3 2"}

1),e.jsx("path",{d:"M59 10 L68 12 L63 20",stroke:"#22c55e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("text",{x:"10",y:"52",fill:"#94a3b8",fontSize:"5",children:"you"}),e.jsx("text",{x:"60",y:"32",fill:"#94a3b8",fontSize:"5",children:"server"})]}),j=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"8",y:"10",width:"64",height:"36",rx:"6",fill:"#fff",stroke:"#e5e7eb",strokeWidth:"1"}),e.jsx("rect",{x:"16",y:"18",width:"20",height:"8",rx:"999",fill:"#dcfce7",stroke:"#22c55e",strokeWidth:"1"}),e.jsx("circle",{cx:"22",cy:"22",r:"2",fill:"#22c55e"}),e.jsx("text",{x:"31",y:"24",textAnchor:"middle",fill:"#15803d",fontSize:"5",fontWeight:"bold",children:"UP"}),e.jsx("rect",{x:"42",y:"18",width:"22",height:"8",rx:"999",fill:"#fee2e2",stroke:"#ef4444",strokeWidth:"1"}),e.jsx("circle",{cx:"48",cy:"22",r:"2",fill:"#ef4444"}),e.jsx("text",{x:"56",y:"24",textAnchor:"middle",fill:"#b91c1c",fontSize:"5",fontWeight:"bold",children:"DOWN"}),e.jsx("rect",{x:"16",y:"31",width:"48",height:"4",rx:"2",fill:"#e5e7eb"}),e.jsx("rect",{x:"16",y:"31",width:"31",height:"4",rx:"2",fill:"#60a5fa"})]}),l=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"22",y:"6",width:"36",height:"44",rx:"4",fill:"#111827"}),e.jsx("rect",{x:"28",y:"12",width:"24",height:"8",rx:"2",fill:"#1f2937",stroke:"#374151",strokeWidth:"1"}),e.jsx("circle",{cx:"32",cy:"16",r:"1.3",fill:"#22c55e"}),e.jsx("circle",{cx:"36",cy:"16",r:"1.3",fill:"#f59e0b"}),e.jsx("rect",{x:"40",y:"14.5",width:"8",height:"3",rx:"1",fill:"#6b7280"}),e.jsx("rect",{x:"28",y:"24",width:"24",height:"8",rx:"2",fill:"#1f2937",stroke:"#374151",strokeWidth:"1"}),e.jsx("circle",{cx:"32",cy:"28",r:"1.3",fill:"#ef4444"}),e.jsx("circle",{cx:"36",cy:"28",r:"1.3",fill:"#22c55e"}),e.jsx("rect",{x:"40",y:"26.5",width:"8",height:"3",rx:"1",fill:"#6b7280"}),e.jsx("rect",{x:"28",y:"36",width:"24",height:"8",rx:"2",fill:"#1f2937",stroke:"#374151",strokeWidth:"1"}),e.jsx("circle",{cx:"32",cy:"40",r:"1.3",fill:"#22c55e"}),e.jsx("circle",{cx:"36",cy:"40",r:"1.3",fill:"#22c55e"}),e.jsx("rect",{x:"40",y:"38.5",width:"8",height:"3",rx:"1",fill:"#6b7280"})]}),b=()=>e.jsxs("svg",{viewBox:"0 0 80 56",fill:"none",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M16 40C16 27.85 25.85 18 38 18H42C54.15 18 64 27.85 64 40",stroke:"#e5e7eb",strokeWidth:"6",strokeLinecap:"round"}),e.jsx("path",{d:"M16 40C16 27.85 25.85 18 38 18H42C49 18 55.24 21.27 59.27 26.36",stroke:"#22c55e",strokeWidth:"6",strokeLinecap:"round"}),e.jsx("circle",{cx:"40",cy:"40",r:"3",fill:"#111827"}),e.jsx("path",{d:"M40 40 L55 28",stroke:"#111827",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("text",{x:"18",y:"50",fill:"#94a3b8",fontSize:"5",children:"slow"}),e.jsx("text",{x:"54",y:"50",fill:"#94a3b8",fontSize:"5",children:"fast"})]}),o=[{slug:"hosting",title:"Best Hosting Guide",description:"A premium guide to best hosting, free hosting, app hosting, website hosting, performance, uptime guarantees, FAQs, and how to compare providers properly.",readTime:"12 min read",path:"/learn/hosting",Illustration:l},{slug:"vpn",title:"What Is a VPN?",description:"A clear guide to what a VPN does, when it helps, what it does not protect, and how to choose one without the marketing fluff.",readTime:"10 min read",path:"/learn/vpn",Illustration:g},{slug:"why-is-my-website-down",title:"Why Is My Website Down?",description:"A premium, easy-to-read guide to the most common reasons websites go down — from DNS mistakes to server outages — and what to check first.",readTime:"8 min read",path:"/learn/why-is-my-website-down",Illustration:u},{slug:"how-it-works",title:"How Our Checks Work",description:"Learn how SiteAlive detects outages, what up, down, and degraded really mean, and which tools help explain DNS, routing, and server problems.",readTime:"8 min read",path:"/learn/how-it-works",Illustration:y},{slug:"website-monitoring-tools",title:"Website Monitoring Tools Explained",description:"A positive, easy-to-read guide to useful monitoring tools like status badges, IP information tools, and simple uptime checks.",readTime:"7 min read",path:"/learn/website-monitoring-tools",Illustration:j},{slug:"about-monitoring",title:"How Website Monitoring Works",description:"Learn how website monitoring works, what uptime checks actually test, why websites go down, and which tools to use for DNS, ping, traceroute, speed, headers, and security troubleshooting.",readTime:"8 min read",path:"/learn/about-monitoring",Illustration:p},{slug:"dns",title:"What Is DNS?",description:"The Domain Name System is the internet's phone book — it translates human-readable domain names into IP addresses that computers use to connect.",readTime:"4 min read",path:"/learn/dns",Illustration:f},{slug:"http-errors",title:"HTTP Error Codes Explained",description:"500, 502, 404 — browser error messages can be cryptic. Learn what the most common HTTP status codes mean, who is responsible, and what you can do.",readTime:"5 min read",path:"/learn/http-errors",Illustration:m},{slug:"server-outage",title:"What Is a Server Outage?",description:"A server outage is when a web server becomes unavailable, taking down every site or service that depends on it. Here's why they happen and how they're fixed.",readTime:"4 min read",path:"/learn/server-outage",Illustration:l},{slug:"latency",title:"What Is Network Latency?",description:"Latency is the time it takes for data to travel between two points on the internet. Even small amounts of latency can noticeably affect website speed and responsiveness.",readTime:"4 min read",path:"/learn/latency",Illustration:b},{slug:"packet-loss",title:"What Is Packet Loss?",description:"Packet loss happens when data sent across a network never arrives. It c

1auses slow connections, dropped calls, and failed page loads — even when a site is technically online.",readTime:"4 min read",path:"/learn/packet-loss",Illustration:w}];function S(){return c({title:"Learn — Website Monitoring Explained | SiteAlive",description:"Short, clear articles explaining DNS, HTTP errors, server outages, latency, packet loss, and the most common reasons a website goes down.",canonical:"https://sitealive.io/learn"}),h.useEffect(()=>{const i=document.createElement("script");return i.type="application/ld+json",i.id="ld-learn",i.text=JSON.stringify({"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://sitealive.io/#organization",name:"SiteAlive",url:"https://sitealive.io/",sameAs:["https://x.com/SiteAlive_io"]},{"@type":"WebSite","@id":"https://sitealive.io/#website",name:"SiteAlive",url:"https://sitealive.io/",publisher:{"@id":"https://sitealive.io/#organization"}},{"@type":"CollectionPage","@id":"https://sitealive.io/learn/#webpage",name:"Learn — Website Monitoring & Connectivity Explained",description:"Short, clear articles explaining DNS, HTTP errors, server outages, latency, and packet loss — the fundamentals behind every website problem.",url:"https://sitealive.io/learn",isPartOf:{"@type":"WebSite",name:"SiteAlive",url:"https://sitealive.io/"},breadcrumb:{"@id":"https://sitealive.io/learn/#breadcrumb"},mainEntity:{"@id":"https://sitealive.io/learn/#articles"}},{"@type":"BreadcrumbList","@id":"https://sitealive.io/learn/#breadcrumb",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://sitealive.io/"},{"@type":"ListItem",position:2,name:"Learn",item:"https://sitealive.io/learn"}]},{"@type":"ItemList","@id":"https://sitealive.io/learn/#articles",name:"Learn hub articles",itemListElement:o.map((t,s)=>({"@type":"ListItem",position:s+1,name:t.title,description:t.description,url:`https://sitealive.io${t.path}`}))}]}),document.head.appendChild(i),()=>{var t;(t=document.getElementById("ld-learn"))==null||t.remove()}},[]),e.jsx("div",{className:"min-h-screen bg-gradient-to-br from-[#f9f9f8] via-white to-[#f3f4f6]",children:e.jsxs("div",{className:"max-w-3xl mx-auto px-4 py-12 pb-24",children:[e.jsx(x,{}),e.jsxs("div",{className:"text-center mb-12",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-blue-50 border border-blue-100 mb-4",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-blue-500 animate-pulse"}),e.jsx("span",{className:"text-xs font-medium text-blue-700",children:"Learning Hub"})]}),e.jsx("h1",{className:"text-4xl md:text-5xl font-bold tracking-tight text-[#1a1a1a] mb-4",children:"Website Monitoring & Connectivity Explained"}),e.jsx("p",{className:"text-lg text-[#666] max-w-2xl mx-auto leading-relaxed",children:"Short, clear articles on the concepts behind website uptime, outages, and connectivity problems. Learn what DNS is, why HTTP errors happen, and the most common reasons a website goes down."})]}),e.jsx("div",{className:"space-y-4",children:o.map(({slug:i,title:t,description:s,readTime:r,path:a,Illustration:n})=>e.jsxs(d,{to:a,className:"flex bg-white/90 backdrop-blur-sm border border-[#e0e0e0] rounded-2xl overflow-hidden hover:border-[#1a1a1a] hover:shadow-lg transition-all group",children:[e.jsx("div",{className:"w-32 sm:w-40 shrink-0 bg-gradient-to-br from-white to-[#f9f9f8] border-r border-[#e0e0e0] flex items-center justify-center p-4",children:e.jsx(n,{})}),e.jsxs("div",{className:"flex-1 px-6 py-5 min-w-0",children:[e.jsx("h2",{className:"text-lg font-semibold text-[#1a1a1a] group-hover:text-blue-600 transition-colors mb-2",children:t}),e.jsx("p",{className:"text-sm text-[#888] leading-relaxed line-clamp-2",children:s}),e.jsx("div",{className:"mt-3 text-xs text-[#bbb] font-medium",children:r})]}),e.jsx("div",{className:"flex items-center pr-6 text-[#ddd] group-hover:text-[#1a1a1a] group-hover:translate-x-0.5 transition-all shrink-0 text-lg",children:"→"})]},i))})]})})}export{S as default};