Learn Astro FAST - For the Proficient Developer
Warning: This content is NOT for absolute beginners to web development. This is for experienced developers that want to learn how to use Astro fast. If you are a complete beginner, start small without a framework and learn your basics such as html, Javascript/Typescript, DOM elements/manipulation, etc.
Resources:
Getting start guide: https://docs.astro.build/en/getting-s...
Build a blog: https://docs.astro.build/en/tutorial/...
Styling Markdown: https://docs.astro.build/en/recipes/t...
Content collections: https://docs.astro.build/en/tutorials...
Astro Islands Explained: https://docs.astro.build/en/concepts/...
Add other frameworks/integrations: https://docs.astro.build/en/guides/in...
Github Repo: https://github.com/benjaminhaig/Astro...
Video Timestamps:
00:00 - Intro
00:34 - Create Project
01:43 - Creating pages
03:17 - Layouts
05:00 - Styling (CSS & SASS)
08:55 - Frameworks (React, Vue, Svelte, etc)
10:42 - Tailwind CSS install
12:30 - First client-side component (React)
15:06 - Client-side directives
17:59 - Blog setup
31:44 - Built-in Image component
34:23 - Summary & Conclusion