編集

Astro 3.4: Page Partials

2023 年 10 月 26 日に Astro 3.4 がリリースされました。

https://astro.build/blog/astro-340/

ページコンポーネントを部分的な HTML として利用できる Page Partials 機能が追加されました。

jsx
// pages/index.astro
<form hx-post="/partials/todos" hx-target="#todo-list" hx-swap="afterbegin">
	<input type="text" id="txtTodo" name="todo" />
</form>
<ul id="todo-list"></ul>

// pages/partials/todos.astro
---
export const partial = true;

const formData = await Astro.request.formData();
const todo = formData.get("todo")?.toString();
---
<li>{todo}</li>

https://stackblitz.com/edit/withastro-astro-snxhyg?file=src%2Fpages%2Fpartials%2Ftodos.astro

他、Image コンポーネントのパフォーマンス改善、パフォーマンスやアクセシビリティに関する情報を表示してくれる Dev Overlay 機能が実験的に追加されました。

編集