[{"data":1,"prerenderedAt":182},["ShallowReactive",2],{"article-\u002Fgetting-started\u002Finstall-the-afterify-app":3,"surround-\u002Fgetting-started\u002Finstall-the-afterify-app":175},{"id":4,"title":5,"body":6,"category":164,"description":165,"extension":166,"meta":167,"navigation":168,"order":169,"path":170,"seo":171,"stem":172,"updated":173,"__hash__":174},"docs\u002Fgetting-started\u002Finstall-the-afterify-app.md","Install the Afterify app",{"type":7,"value":8,"toc":155},"minimark",[9,13,18,40,43,47,74,77,81,84,87,92,104,107,118,122,125,130,133,137],[10,11,12],"p",{},"Afterify Studio is a progressive web app (PWA). That means you can install it from your browser (no app store needed) and it opens in its own window like a native app. Installation is optional; everything works the same in a normal browser tab.",[14,15,17],"h2",{"id":16},"install-on-desktop","Install on desktop",[19,20,21,30,33],"ol",{},[22,23,24,25,29],"li",{},"Open ",[26,27,28],"strong",{},"app.afterify.com"," in Chrome or Edge and sign in.",[22,31,32],{},"Click the install icon that appears at the right end of the address bar (in Chrome it looks like a monitor with a down arrow; the browser may also show an \"Install Afterify Studio\" prompt).",[22,34,35,36,39],{},"Confirm ",[26,37,38],{},"Install",".",[10,41,42],{},"Afterify Studio now opens in its own window and appears in your taskbar, dock or Start menu like any other app.",[14,44,46],{"id":45},"install-on-your-phone-or-tablet","Install on your phone or tablet",[48,49,50,60],"ul",{},[22,51,52,55,56,59],{},[26,53,54],{},"iPhone \u002F iPad (Safari):"," open app.afterify.com, tap the Share button, then tap ",[26,57,58],{},"Add to Home Screen"," and confirm.",[22,61,62,65,66,69,70,73],{},[26,63,64],{},"Android (Chrome):"," open app.afterify.com, tap the browser menu (three dots), then tap ",[26,67,68],{},"Add to Home screen"," (some versions say ",[26,71,72],{},"Install app",").",[10,75,76],{},"The Studio icon lands on your home screen and opens full-screen.",[14,78,80],{"id":79},"how-updates-work","How updates work",[10,82,83],{},"Afterify ships updates continuously. The installed app (and any open tab) checks for a new version once an hour, and again as soon as you switch back to a tab that's been in the background longer than that.",[10,85,86],{},"When an update is ready, a bar appears across the top of the app:",[10,88,89],{},[26,90,91],{},"\"A new version of Afterify is ready. Click to update.\"",[48,93,94,97],{},[22,95,96],{},"Click the bar to update, and the app reloads on the new version.",[22,98,99,100,103],{},"Click ",[26,101,102],{},"Later"," to dismiss it and keep working; the app updates the next time it reloads.",[10,105,106],{},"Updates never interrupt you mid-session: nothing changes until you click the bar or reload.",[108,109,110],"blockquote",{},[10,111,112,113,39],{},"If the bar keeps reappearing or the app seems stuck on an old version, see ",[114,115,117],"a",{"href":116},"\u002Ftroubleshooting\u002Fapp-not-updating","App not updating",[14,119,121],{"id":120},"working-offline","Working offline",[10,123,124],{},"If your connection drops, a banner appears at the top of the app:",[10,126,127],{},[26,128,129],{},"\"Attempting to restore connection. Changes made now may not be saved.\"",[10,131,132],{},"You can keep looking around, but hold off on edits and uploads until the banner clears. A toast saying \"Afterify online\" confirms you're reconnected and it's safe to continue.",[14,134,136],{"id":135},"related","Related",[48,138,139,143,149],{},[22,140,141],{},[114,142,117],{"href":116},[22,144,145],{},[114,146,148],{"href":147},"\u002Ftroubleshooting\u002Fupload-problems","Upload problems",[22,150,151],{},[114,152,154],{"href":153},"\u002Fgetting-started\u002Fdashboard-overview","Dashboard overview",{"title":156,"searchDepth":157,"depth":157,"links":158},"",2,[159,160,161,162,163],{"id":16,"depth":157,"text":17},{"id":45,"depth":157,"text":46},{"id":79,"depth":157,"text":80},{"id":120,"depth":157,"text":121},{"id":135,"depth":157,"text":136},"getting-started","Install Afterify Studio as an app on your computer or phone, and learn how updates and offline mode work.","md",{},true,5,"\u002Fgetting-started\u002Finstall-the-afterify-app",{"title":5,"description":165},"getting-started\u002Finstall-the-afterify-app","2026-09-19","rpJ9CyuhsTPFKrHg7q1d16KhjCpdC0eH7HLh0PPlzyc",[176,178],{"path":153,"title":154,"order":177},4,{"path":179,"title":180,"order":181},"\u002Fgetting-started\u002Fplans-at-a-glance","Plans at a glance",6,1789936982125]