qwik-docs

Articles and Reviews

Here is a collection of posts and articles to learn more about Starlight and other people's experiences:

Static Site Generation with Starlight"No idea is too big or too small when designing components" — an interview with Chris Swithinbank, Starlight Lead
Hybrid Frontend Architecture with Astro and StarlightMaxi Ferreira and Ben Holmes build a docs site with Starlight, TinaCMS, and an interactive API Playground with authentication.
Comparing docs site builders: VuePress vs StarlightHow do these two frameworks measure up?
Case Study: Slashing Development CostsHow WP Engine Lowered Development Costs by Over 50% with Astro's Starlight.
Building a documentation site using Astro StarlightMaciek Palmowski describes how Patchstack migrated their documentation to Starlight
Open source all the way downHow Cloudflare used Starlight to upgrade their developer documentation.
Starlight ChangelogView all releases of the @astrojs/starlight package on a single beautiful page.
Contributing to StarlightMy personal experience and suggestions for contributing to open-source projects like Starlight.

Recipes and Guides

Recipes are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Starlight project by following step-by-step instructions! Other guides might explain concepts related to an area of content, such as using images or working with MDX.

Explore community-produced content maintained by Starlight users:

Versioned documentation with Starlight & VercelA guide to implementing separate versions of documentation for each major version of a project.
Add links to Starlight headingsA guide to using a rehype plugin to share links to specific sections of your documentation.
Add sponsors to your Starlight siteA guide to implement a custom sponsors component in your documentation sidebar.
Add Open Graph images to StarlightA guide to generating social images and the corresponding meta tags for your pages.
Use third-party icon sets in StarlightA guide to using unplugin-icons to expand the selection of available icons for Starlight.
Edit the HTML head of Starlight pagesLearn how to add common head content such as web analytics, fonts, and scripts.
Publishing Documentation with Astro StarlightGetting started with Starlight documentation.
Enable View TransitionsAdd support for view transitions, client-side routing, and SPA-like navigation to your Starlight documentation site.
Adding Structured Data to Starlight PagesLearn how to build dynamic JSON-LD structured data for your documentation pages.
Starlight ExamplesA collection of StackBlitz embeds demonstrating practical ways of doing stuff in Starlight documentation sites.
Starlight Plugins by ExampleA collection of notes and examples about Starlight plugins and common patterns used to build them.
Add a reading progress indicatorFind out how to add a horizontal reading progress bar to your Starlight site.
Apply custom styles to your Starlight sidebarUsing a little bit of CSS to adjust fonts, colours and more of the Starlight sidebar.
Starlight Topics Dropdown on mobile, List on desktopCombine two plugins to have the best of both on desktop and mobile devices.
Processing Starlight sidebars with middlewareUse route middleware to control sidebar ordering and group labels, inspired by Nuxt Content's conventions.
Add social links with custom icons to StarlightLearn how to use custom icons for social links in Starlight website header.
Paste images to Starlight pages with Visual Studio CodeImprove your Starlight documentation workflow by pasting images to your documentation pages using Visual Studio Code.
Add diagrams to your Starlight documentation using D2Learn how to use D2 to add diagrams to your Starlight documentation.
Generate Open Graph images for Starlight using the Cloudinary Astro SDKLearn how to use the Cloudinary Astro SDK to generate Open Graph images for your Starlight documentation website.
List recent GitHub releases in Starlight using the Astro Content Layer APILearn how to use the Astro Content Layer API to list the recent GitHub releases in a Starlight project.
Add a sitewide banner to StarlightLearn how to create a sitewide banner using Starlight's built-in per-page banner feature.
Customizing Astro Starlight Sidebar for Gated Content with AuthenticationSecure your course material by using Clerk and SSR to dynamically hide or reveal Starlight sidebar chapters based on user login.

Video Content

Discover videos and channels with Starlight content, including live streams and educational content.

Official Videos

Community Videos and Streams