Quick & clean documentation 📚 app with Astro Starlight 🎥 LIVE Coding & Chill 🔴
Автор: Johnny Magrippis
Загружено: 2024-09-03
Просмотров: 690
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
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: