コミュニティコンテンツ
記事とレビュー
Section titled “記事とレビュー”以下は、Starlightやその開発体験について学ぶための記事のコレクションです。
Starlightによる静的サイト生成 「コンポーネントの設計において、大きすぎるアイデアも小さすぎるアイデアもありません」- StarlightリードのChris Swithinbankとのインタビュー
AstroとStarlightによるハイブリッドフロントエンドアーキテクチャ Maxi FerreiraとBen Holmesが、Starlight、TinaCMS、認証付きのインタラクティブAPIプレイグラウンドを使用してドキュメントサイトを作成します。
ドキュメントサイトビルダーの比較: VuePressとStarlight 両フレームワークはどのように比較されるのでしょうか？
ケーススタディ: 開発コストの大幅削減 WP EngineがAstroのStarlightを活用して開発コストを50%以上削減した方法。
Astro Starlightを使ったドキュメントサイトの構築 Maciek Palmowskiが、PatchstackのドキュメントをどのようにStarlightに移行したかを紹介しています。
すべてをオープンソースで Cloudflareが開発者向けドキュメントをStarlightでアップグレードした方法。
Starlight Changelog @astrojs/starlightパッケージのすべてのリリースを1つの見やすいページで確認できます。
Starlightへのコントリビューション Starlightのようなオープンソースプロジェクトへのコントリビューションについての個人的な経験とアドバイス。
レシピとガイド
Section titled “レシピとガイド”レシピは通常、特定のタスクを読者に具体的に案内する、焦点を絞った短いハウツーガイドです。ステップバイステップの手順に従って、Starlightプロジェクトに新しい機能や動作を追加するための素晴らしい方法といえます！他のガイドでは、画像の使用やMDXの扱い方など、コンテンツの領域に関連する概念も説明しています。
Starlightユーザーによってメンテナンスされている、コミュニティ製のコンテンツをチェックしてみましょう。
StarlightとVercelでバージョン管理されたドキュメントを作成する プロジェクトの各メジャーバージョンごとにドキュメントのバージョンを分けて実装する方法についてのガイド。
Starlightの見出しにリンクを追加する rehypeプラグインを使用して、ドキュメントの特定のセクションへのリンクを共有する方法についてのガイド。
Starlightサイトにスポンサーを追加する ドキュメントのサイドバーにカスタムスポンサーコンポーネントを実装する方法についてのガイド。
Open Graph画像をStarlightに追加する ソーシャル画像とそれに対応するメタタグを生成する方法についてのガイド。
サードパーティのアイコンセットをStarlightで使用する unplugin-iconsを使用して、Starlightで利用可能なアイコンの選択肢を拡張する方法についてのガイド。
StarlightページのHTMLヘッドを編集する ウェブアナリティクス、フォント、スクリプトなどの共通のヘッドコンテンツを追加する方法について学びます。
AstroのStarlightでドキュメントを公開する Starlightドキュメントの始め方。
ビュートランジションを有効にする Starlightドキュメントサイトにビュートランジション、クライアントサイドルーティング、SPAライクなナビゲーションのサポートを追加します。
Starlightページに構造化データを追加する ドキュメントページに動的なJSON-LD構造化データを作成する方法を紹介しています。
Starlightの実例集 Starlightドキュメントサイトでの実践的な方法を紹介するStackBlitz上のコレクションです。
実例で学ぶStarlightプラグイン Starlightプラグインと、その作成における一般的なパターンに関するノートと実例のコレクションです。
閲覧の進捗インジケーターを追加する Starlightサイトに水平方向の閲覧進捗バーを追加する方法を紹介しています。
Starlightサイドバーにカスタムスタイルを適用する 少しのCSSでStarlightサイドバーのフォントや色などを調整する方法を紹介しています。
モバイルではドロップダウン、デスクトップではリスト表示 2つのプラグインを組み合わせて、デスクトップとモバイルの両方で最適な表示を実現します。
ミドルウェアでStarlightサイドバーを処理する Nuxt Contentの規約に着想を得た、ルートミドルウェアによるサイドバーの順序やグループラベルの制御方法を紹介しています。
カスタムアイコン付きのソーシャルリンクをStarlightに追加する Starlightサイトのヘッダーでソーシャルリンクにカスタムアイコンを使用する方法を紹介しています。
Visual Studio CodeでStarlightページに画像を貼り付ける Visual Studio Codeを使ってドキュメントページに画像を貼り付けることで、Starlightのドキュメント作成ワークフローを改善します。
D2を使ってStarlightドキュメントにダイアグラムを追加する D2を使用してStarlightドキュメントにダイアグラムを追加する方法を紹介しています。
Cloudinary Astro SDKを使ってStarlightのOpen Graph画像を生成する Cloudinary Astro SDKを使用して、StarlightドキュメントサイトのOpen Graph画像を生成する方法を紹介しています。
Astro Content Layer APIを使ってStarlightにGitHubの最新リリースを一覧表示する Astro Content Layer APIを使用して、StarlightプロジェクトにGitHubの最新リリースを一覧表示する方法を紹介しています。
Starlightにサイト全体で適用されるバナーを追加する Starlightに組み込まれたページごとのバナー機能を活用して、サイト全体で適用されるバナーを作成する方法を紹介しています。
認証が必要なコンテンツ向けにAstro Starlightのサイドバーをカスタマイズする ClerkとSSRを活用し、ユーザーのログイン状況に応じてStarlightのサイドバーの章を動的に非表示、あるいは表示することで、コース教材へのアクセスを制御する方法を紹介しています。
動画コンテンツ
Section titled “動画コンテンツ”ライブストリームや教育コンテンツなど、Starlightに関する動画やチャンネルをチェックしてみましょう。