ブログを Rust + Leptos + Typst で書き直した話

サイトを書き直しました

これは何？

友人に Next.js のアンチがいたのと、高速化にハマっていたので、ブログを Rust + Leptos + Typst で書き直しました。

Typst はドキュメント作成ツールですが、HTML 出力もできるので、ブログ記事の本文を Typst で書いて HTML に変換し、Leptos 側で組み合わせて表示する形にしました¹。

Lighthouse スコア満点を目指します

なぜ Rust + Leptos + Typst なのか

Rust は好きだからです。高速で安全で、最近はウェブ開発のエコシステムも充実してきました。Leptos はコンポーネントベースのフレームワークで、React に似た感覚で書けるので選びました。Typst は友人が妙に推していたので選びました。

隠し機能

/blog/[slug].typ の記事ページにアクセスすると、記事本文の生 Typst ファイルを得ることができます。また、/blog/[slug].md にアクセスすると pandoc で変換された Markdown 版の記事も得られます。

マークアップテスト

以下はテスト用です

This is a sample .typ source file.
This is line break test.

• Bullet one
• Bullet two
• Bullet three

Numbered List

1. Numbered first
5. Numbered five?
6. Numbered six!

And a bold and italic markers (left as plain text for now₂^{citation needed}).

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

const greet = () => {
  console.log("Hello, world!");
};
greet();

リンクのテスト

ここに数式のテストがあります: .

これは本文です²。

Callouts