What has shipped across Screenly, newest first.https://www.screenly.io/releases/edge-apps/1.2.0/enSun, 19 Jul 2026 00:00:00 +0000https://www.screenly.io/releases/edge-apps/1.2.0/create-a-new-edge-app/https://www.screenly.io/releases/edge-apps/1.2.0/create-a-new-edge-app/Sun, 19 Jul 2026 00:00:00 +0000releasedevelopers<p>Starting an Edge App used to mean cloning a template repository and replacing its placeholders. Now 1 command gives you a project that builds:</p> <div class="code-block"> <button type="button" class="code-copy" aria-label="Copy code" data-copy-code> <svg data-copy viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="11" height="11" rx="2"></rect> <path d="M5 15V5a2 2 0 0 1 2-2h10"></path> </svg> <svg data-check viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> </button> <div class="highlight"><pre tabindex="0" style="color:#d0d0d0;background-color:#202020;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>npx @screenly/edge-apps create my-edge-app </span></span><span style="display:flex;"><span><span style="color:#24909d">cd</span> my-edge-app </span></span><span style="display:flex;"><span>npm run dev</span></span></code></pre></div> </div> <p>With Bun, run <code>bunx @screenly/edge-apps create my-edge-app</code> instead. The command notices which package manager started it and writes the <code>package.json</code> scripts and test setup to match. <code>--pm npm</code> or <code>--pm bun</code> overrides that.</p> <p>The new directory has:</p> <ul> <li>a <code>screenly.yml</code> manifest with a <code>message</code> setting and a <code>sentry_dsn</code> setting</li> <li><code>index.html</code> with <code>&lt;auto-scaler&gt;</code> and <code>&lt;app-header&gt;</code> already on the page</li> <li><code>src/main.ts</code>, which applies the theme, reads the <code>message</code> setting, and signals ready</li> <li>scripts for <code>dev</code> (with the CORS proxy running alongside), <code>build</code>, <code>lint</code>, <code>format</code>, <code>type-check</code>, <code>screenshots</code>, and <code>deploy</code></li> <li>a Playwright spec under <code>e2e/</code> for screenshots at every supported resolution</li> </ul> <p>Dependencies are installed for you, at the versions the library itself was released with.</p> <table> <thead> <tr> <th>Option</th> <th>What it does</th> </tr> </thead> <tbody> <tr> <td><code>--description &lt;text&gt;</code></td> <td>Sets the description in <code>package.json</code>, <code>screenly.yml</code>, and <code>README.md</code></td> </tr> <tr> <td><code>--author &lt;text&gt;</code></td> <td>Sets the author in <code>package.json</code></td> </tr> <tr> <td><code>--pm &lt;npm|bun&gt;</code></td> <td>Picks the package manager instead of detecting it</td> </tr> <tr> <td><code>--force</code></td> <td>Writes into a directory that already has files in it</td> </tr> <tr> <td><code>--skip-install</code></td> <td>Skips installing dependencies</td> </tr> </tbody> </table> <p>Running <code>edge-apps-scripts create</code> with no directory still does what it did before: it fills in the <code>{{APP_NAME}}</code>-style placeholders in the current project, for template repositories you&rsquo;ve already cloned.</p>