A calm place to write long-form, and publish it to the open social web.
skypress.blog/
1---
2import Base from '../layouts/Base.astro';
3import Studio from '../components/Studio.tsx';
4import LoadingScene from '../components/LoadingScene.astro';
5// The Studio is a `client:only` React island, so Astro's scoped styles never
6// reach its DOM — its chrome is styled globally from these shared stylesheets.
7import '../styles/app-bar.css';
8import '../styles/editor-chrome.css';
9import '../styles/login.css';
10---
11
12<Base title="Write — SkyPress">
13 <main class="editor-shell">
14 <!-- client:only — auth + editor run only in the browser; their bundle never
15 reaches reading pages (Decisions 0001 & 0004). The fallback shows the
16 durable header + a skeleton until the island loads. -->
17 <Studio client:only="react">
18 <LoadingScene slot="fallback" variant="editor" />
19 </Studio>
20 </main>
21</Base>