Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Coding in Public.
Coding in Public
46168
Astro Blog Course - Full 3.5 hour course
Join the early access list for my course! https://learnastro.dev
In this 18-part course, we’ll build a custom Astro blog from scratch. Throughout the course, we’ll learn how to work with Astro components, import and process data, pass props, minify images, build an RSS feed, and more.
🔗 Key Links 🔗
- Github lesson code: https://github.com/coding-in-public/astro-blog-tutorial/
- Demo site: https://codinginpublic.dev/projects/astro-blog-tutorial/
- Astro Blog Course playlist: https://youtube.com/playlist?list=PLoqZcxvpWzzeRwF8TEpXHtO7KYY6cNJeF
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Lesson 1: Intro & install
10:49 Lesson 2: Astro basics
21:18 Lesson 3: Layouts
31:17 Lesson 4: CSS & styling
43:31 Lesson 5: Astro components
1:05:09 Lesson 6: Routing basics
1:15:37 Lesson 7: Markdown layouts
1:35:23 Lesson 8: Card component
1:49:38 Lesson 9: Filter/sort posts
2:04:19 Lesson 10: Dynamic routes
2:19:48 Lesson 11: Pagination
2:28:56 Lesson 12: Tag Cloud
2:39:23 Lesson 13: Related posts
2:47:16 Lesson 14: Build a sitemap
2:50:58 Lesson 15: Build an RSS feed
2:58:21 Lesson 16: SEO basics
3:13:12 Lesson 17: Integrations
3:25:02 Lesson 18: Build, deploy, and update
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
---------------------------------------
🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington
In this 18-part course, we’ll build a custom Astro blog from scratch. Throughout the course, we’ll learn how to work with Astro components, import and process data, pass props, minify images, build an RSS feed, and more.
🔗 Key Links 🔗
- Github lesson code: https://github.com/coding-in-public/astro-blog-tutorial/
- Demo site: https://codinginpublic.dev/projects/astro-blog-tutorial/
- Astro Blog Course playlist: https://youtube.com/playlist?list=PLoqZcxvpWzzeRwF8TEpXHtO7KYY6cNJeF
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Lesson 1: Intro & install
10:49 Lesson 2: Astro basics
21:18 Lesson 3: Layouts
31:17 Lesson 4: CSS & styling
43:31 Lesson 5: Astro components
1:05:09 Lesson 6: Routing basics
1:15:37 Lesson 7: Markdown layouts
1:35:23 Lesson 8: Card component
1:49:38 Lesson 9: Filter/sort posts
2:04:19 Lesson 10: Dynamic routes
2:19:48 Lesson 11: Pagination
2:28:56 Lesson 12: Tag Cloud
2:39:23 Lesson 13: Related posts
2:47:16 Lesson 14: Build a sitemap
2:50:58 Lesson 15: Build an RSS feed
2:58:21 Lesson 16: SEO basics
3:13:12 Lesson 17: Integrations
3:25:02 Lesson 18: Build, deploy, and update
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
---------------------------------------
🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington