https://next-js-chat-app.vercel.app/

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/vercel.svg"/><link rel="preload" as="image" href="/ably-logo.svg"/><link rel="stylesheet" href="/_next/static/css/6e500b4179e337ce.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/cfc5fb72db7a1a96.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-35001640576d5c8f.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z"/>

1<script src="/_next/static/chunks/fd9d1056-4e1a26e2d413ba3c.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script src="/_next/static/chunks/23-383e686cd95142d5.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script src="/_next/static/chunks/main-app-f73cdb3bce740b12.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script src="/_next/static/chunks/f6d0a8ec-99c6eac826ee45a7.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script src="/_next/static/chunks/7-aee632f25dcaf694.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script src="/_next/static/chunks/app/page-8d4c89b708741fff.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<title>Realtime Chat App with Ably, NextJS and Vercel</title><meta name="description" content="A demo chat application with Next.js using Ably Chat"/><link rel="icon" href="https://static.ably.dev/motif-red.svg?nextjs-vercel" type="image/svg+xml"/>

1<script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" noModule=""></script>

1</head><body><div class="container"><main><h1 class="title">Next.js Chat Demo</h1><div>Loading...</div></main><footer>Powered by<a href="https://vercel.com" target="_blank" rel="noopener noreferrer"><img src="/vercel.svg" alt="Vercel Logo" class="logo"/></a>and<a href="https://ably.com" rel="noopener noreferrer"><img src="/ably-logo.svg" alt="Ably Logo" class="logo ably"/></a><a href="https://github.com/ably-labs/NextJS-chat-app" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" class="svg" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a></footer></div>

1<script src="/_next/static/chunks/webpack-35001640576d5c8f.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z" async=""></script>

1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>

1<script>self.__next_f.push([1,"1:HL[\"/_next/static/css/6e500b4179e337ce.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"style\"]\n2:HL[\"/_next/static/css/cfc5fb72db7a1a96.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"style\"]\n"])</script>

1<script>self.__next_f.push([1,"3:I[5751,[],\"\"]\n5:I[5858,[\"608\",\"static/chunks/f6d0a8ec-99c6eac826ee45a7.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"7\",\"static/chunks/7-aee632f25dcaf694.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"931\",\"static/chunks/app/page-8d4c89b708741fff.js?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\"],\"default\"]\n6:I[9275,[],\"\"]\n7:I[1343,[],\"\"]\n9:I[6130,[],\"\"]\na:[]\n"])</script>

1<script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/6e500b4179e337ce.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L3\",null,{\"buildId\":\"kFHh5_lCB2vNZ1Qa1JXSW\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L4\",[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"main\",null,{\"children\":[[\"$\",\"h1\",null,{\"className\":\"title\",\"children\":\"Next.js Chat Demo\"}],[\"$\",\"$L5\",null,{}]]}],[\"$\",\"footer\",null,{\"children\":[\"Powered by\",[\"$\",\"a\",null,{\"href\":\"https://vercel.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"img\",null,{\"src\":\"/vercel.svg\",\"alt\":\"Vercel Logo\",\"className\":\"logo\"}]}],\"and\",[\"$\",\"a\",null,{\"href\":\"https://ably.com\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"img\",null,{\"src\":\"/ably-logo.svg\",\"alt\":\"Ably Logo\",\"className\":\"logo ably\"}]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/ably-labs/NextJS-chat-app\",\"className\":\"github-corner\",\"aria-label\":\"View source on GitHub\",\"children\":[\"$\",\"svg\",null,{\"width\":\"80\",\"height\":\"80\",\"viewBox\":\"0 0 250 250\",\"className\":\"svg\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"}],[\"$\",\"path\",null,{\"d\":\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\",\"fill\":\"currentColor\",\"className\":\"octo-arm\"}],[\"$\",\"path\",null,{\"d\":\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\",\"fill\":\"currentColor\",\"className\":\"octo-body\"}]]}]}]]}]]}]],null],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$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.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/cfc5fb72db7a1a96.css?dpl=dpl_H14Kdj16DHsyejL6SqSDASJH223z\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]}]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[false,\"$L8\"],\"globalErrorComponent\":\"$9\",\"missingSlots\":\"$Wa\"}]]\n"])</script>

1<script>self.__next_f.push([1,"8:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Realtime Chat App with Ably, NextJS and Vercel\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"A demo chat application with Next.js using Ably Chat\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"https://static.ably.dev/motif-red.svg?nextjs-vercel\",\"type\":\"image/svg+xml\"}]]\n4:null\n"])</script>

1</body></html>