Quick & clean documentation 📚 app with Astro Starlight 🎥 LIVE Coding & Chill 🔴

You always wish for great, fast, searchable documentation app, but how hard is it to build and maintain one? 🤔

Well, turns out it may not be that hard nowadays, with tools such as Docusaurus and Astro Starlight! 😄

We love to learn in these livestreams, and what better way to learn more about Astro than picking it for a job it’s destined to excel at!

Today we’ll use the Astro Starlight template to get an awesome docs website all the way to production, fast!

📚 We built this docs site today! https://docs.johnnify.com/
🚀 Click around the last Astro app we made together: https://bonusxp.dev/
💻 See the code: https://github.com/jmagrippis/bonus-xp
🚀 Today we’re working on Johnnify: https://johnnify.com/
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/monorepo

If you’re a beginner, you may to catch this playlist, where we make a multiple choice quiz in Astro, and talk loads more about the Javascript Framework that brought Microfrontends and Island Architecture to the masses:
   • Frontend Quiz app with Astro & Figma 🧑‍🚀🔴 ...  

— JOHNNIFY PREMIUM —
Get this repository AND MORE with Johnnify Premium: https://johnnify.com/premium
— 🙌🙌🙌 —

— COMMUNITY —
Our DISCORD SERVER 👾:   / discord  
— 🥳🥳🥳 —

— Agenda —
✅ What are we doing today? Who needs documentation sites? https://docusaurus.io/
✅ What’s Astro? What’s Starlight? https://astro.build/ & https://starlight.astro.build/
✅ Want to see me make Bonus XP an Astro app? https://bonusxp.dev/ &    • Frontend Quiz app with Astro & Figma 🧑‍🚀🔴 ...  
✅ Creating a new docs site using the Astro wizard: https://starlight.astro.build/getting...
✅ Other Astro templates? Is their tutorial good? https://astro.build/themes/ & https://docs.astro.build/en/tutorial/...
✅ Customising with logos, sitemaps, custom fonts: https://starlight.astro.build/guides/...
✅ Customising the SideBar: https://starlight.astro.build/guides/...
✅ Working with Components overview & built-in goodies! https://starlight.astro.build/guides/...
✅ Search alternatives: https://starlight.astro.build/guides/...
✅ Internationalisation / i18n & l10n, and more features: https://starlight.astro.build/guides/...
✅ Deployment options and deploying to Vercel: https://docs.astro.build/en/guides/de...
✅ ULTIMATE LIVE 🥳 DEMO!
— HAVE FUN —

No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄

— Highlighted software —
Astro: https://astro.build/
Turbo: https://turbo.build/
Vercel: https://vercel.com/johnnify
Playwright: https://playwright.dev/

My own website: https://magrippis.com/

Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉:   / discord  

Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌

Stream number 126!

—
TIMESTAMPS
—
00:00 - What are we doing today? Who needs documentation sites?
6:15 - What’s Astro? What’s Starlight?
9:21 - Want to see me make Bonus XP an Astro app?
13:44 - Creating a new docs site using the Astro wizard
42:33 - Other Astro templates? Is their tutorial good?
47:17 - Customising with logos, sitemaps, custom fonts
1:09:27 - Customising the SideBar
1:31:53 - Working with Components overview & built-in goodies!
2:19:27 - Search DEMO & Search alternatives
2:22:35 - Internationalisation / i18n & l10n, and more features
2:24:12 - Deployment options and deploying to Vercel
2:44:10 - ULTIMATE LIVE 🥳 DEMO!
2:51:16 - Tailwind Setup, and bring your own branding