[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"term-s\u002Fserver-sent-events":3,"related-s\u002Fserver-sent-events":228},{"id":4,"title":5,"acronym":6,"body":7,"category":209,"description":210,"difficulty":211,"extension":212,"letter":213,"meta":214,"navigation":215,"path":216,"related":217,"seo":222,"sitemap":223,"stem":226,"subcategory":6,"__hash__":227},"terms\u002Fterms\u002Fs\u002Fserver-sent-events.md","Server-Sent Events",null,{"type":8,"value":9,"toc":203},"minimark",[10,15,19,23,26,30,192,196,199],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Server-Sent Events (SSE) is like subscribing to a news feed from the server. You open one connection, and the server keeps sending you updates whenever something new happens — but unlike WebSocket, it's one-way: only the server talks, you just listen. Perfect for live dashboards and notifications.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Server-Sent Events is a server push technology where the client opens a persistent HTTP connection and the server streams events (text data) over it. Unlike WebSockets, SSE is unidirectional (server to client only), uses standard HTTP, and automatically reconnects. Ideal for notifications and live feeds.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Server sends events\nres.setHeader('Content-Type', 'text\u002Fevent-stream');\nsetInterval(() => {\n  res.write(`data: ${JSON.stringify({ time: new Date() })}\\n\\n`);\n}, 1000);\n","javascript","",[38,39,40,49,93,111,178],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Server sends events\n",[41,50,52,56,60,64,67,70,74,76,79,82,85,87,90],{"class":43,"line":51},2,[41,53,55],{"class":54},"sTEyZ","res",[41,57,59],{"class":58},"sMK4o",".",[41,61,63],{"class":62},"s2Zo4","setHeader",[41,65,66],{"class":54},"(",[41,68,69],{"class":58},"'",[41,71,73],{"class":72},"sfazB","Content-Type",[41,75,69],{"class":58},[41,77,78],{"class":58},",",[41,80,81],{"class":58}," '",[41,83,84],{"class":72},"text\u002Fevent-stream",[41,86,69],{"class":58},[41,88,89],{"class":54},")",[41,91,92],{"class":58},";\n",[41,94,96,99,101,104,108],{"class":43,"line":95},3,[41,97,98],{"class":62},"setInterval",[41,100,66],{"class":54},[41,102,103],{"class":58},"()",[41,105,107],{"class":106},"spNyl"," =>",[41,109,110],{"class":58}," {\n",[41,112,114,117,119,122,125,128,131,134,137,139,142,144,147,150,153,156,159,162,165,167,169,172,174,176],{"class":43,"line":113},4,[41,115,116],{"class":54},"  res",[41,118,59],{"class":58},[41,120,121],{"class":62},"write",[41,123,66],{"class":124},"swJcz",[41,126,127],{"class":58},"`",[41,129,130],{"class":72},"data: ",[41,132,133],{"class":58},"${",[41,135,136],{"class":54},"JSON",[41,138,59],{"class":58},[41,140,141],{"class":62},"stringify",[41,143,66],{"class":54},[41,145,146],{"class":58},"{",[41,148,149],{"class":124}," time",[41,151,152],{"class":58},":",[41,154,155],{"class":58}," new",[41,157,158],{"class":62}," Date",[41,160,161],{"class":54},"() ",[41,163,164],{"class":58},"}",[41,166,89],{"class":54},[41,168,164],{"class":58},[41,170,171],{"class":54},"\\n\\n",[41,173,127],{"class":58},[41,175,89],{"class":124},[41,177,92],{"class":58},[41,179,181,184,188,190],{"class":43,"line":180},5,[41,182,183],{"class":58},"},",[41,185,187],{"class":186},"sbssI"," 1000",[41,189,89],{"class":54},[41,191,92],{"class":58},[11,193,195],{"id":194},"when-youll-hear-this","When You'll Hear This",[16,197,198],{},"\"Use SSE for the live order status updates.\" \u002F \"SSE is simpler than WebSocket for one-way real-time updates.\"",[200,201,202],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":204},[205,206,207,208],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":194,"depth":51,"text":195},"backend","Server-Sent Events (SSE) is like subscribing to a news feed from the server.","intermediate","md","s",{},true,"\u002Fterms\u002Fs\u002Fserver-sent-events",[218,219,220,221],"SSE","WebSocket","Long Polling","Pub\u002FSub",{"title":5,"description":210},{"changefreq":224,"priority":225},"weekly",0.7,"terms\u002Fs\u002Fserver-sent-events","cWbUSYz1Kzsf14RG9gPBc0edetRbZ-ontAA5rBf7lUI",[229,232,236,239],{"title":220,"path":230,"acronym":6,"category":209,"difficulty":211,"description":231},"\u002Fterms\u002Fl\u002Flong-polling","Long polling is a hack to fake real-time updates before WebSocket existed. Your client asks 'any new messages?",{"title":221,"path":233,"acronym":221,"category":234,"difficulty":211,"description":235},"\u002Fterms\u002Fp\u002Fpub-sub","architecture","Pub\u002FSub is like a newspaper service. Publishers write articles and drop them off.",{"title":218,"path":237,"acronym":5,"category":209,"difficulty":211,"description":238},"\u002Fterms\u002Fs\u002Fsse","SSE is just the abbreviation for Server-Sent Events. Same thing — the server streams updates to you over a persistent connection.",{"title":219,"path":240,"acronym":6,"category":241,"difficulty":211,"description":242},"\u002Fterms\u002Fw\u002Fwebsocket","networking","WebSocket is like upgrading a walkie-talkie from push-to-talk to a full phone call.",1776518312436]