| title | description |
|---|---|
Community Content |
Discover community-produced guides, articles and videos to help you learn and build with Starlight! |
:::tip[Add your own!] Have you produced content about Starlight? Open a PR adding a link to this page! :::
import { CardGrid, LinkCard } from '@astrojs/starlight/components';
Here is a collection of posts and articles to learn more about Starlight and other people's experiences:
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:
Discover videos and channels with Starlight content, including live streams and educational content.
import YouTubeGrid from '~/components/youtube-grid.astro';
<YouTubeGrid videos={[ { href: 'https://www.youtube.com/watch?v=5u0Ds7wzUeI', title: 'Starlight by Astro', description: 'Watch the official Starlight launch video', }, { href: 'https://www.youtube.com/shorts/zjOWezSzd18', title: '馃専 SUB 1 MINUTE RUN', description: 'Watch Ben launch a new Starlight site in under a minute!', }, ]} />
<YouTubeGrid videos={[ { href: 'https://www.youtube.com/watch?v=sF6UcV3moZg', title: 'Building docs with Starlight and Astro', description: 'Watch Chris and Alex dive into Starlight on Code with CodingCat.dev', }, { href: 'https://www.youtube.com/watch?v=sWkkHbwDeQc', title: 'Astro Starlight', description: 'Introduction to Starlight in under a minute.', }, { href: 'https://www.youtube.com/watch?v=-Ki-1E5gNCk', title: 'Astro Starlight Documentation Template (build custom app docs!)', description: 'Get a new Starlight site up and running in about 5 minutes', }, { href: 'https://www.youtube.com/watch?v=12o7WxjAxjM', title: 'Include Starlight docs in a Next.js project with proxies', description: 'Set up Starlight as a sub-directory project inside a Next.js website', }, ]} />