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-started/
Build a blog: https://docs.astro.build/en/tutorial/0-introduction/
Styling Markdown: https://docs.astro.build/en/recipes/tailwind-rendered-markdown/
Content collections: https://docs.astro.build/en/tutorials/add-content-collections/
Astro Islands Explained: https://docs.astro.build/en/concepts/islands/
Add other frameworks/integrations: https://docs.astro.build/en/guides/integrations-guide/
Github Repo: https://github.com/benjaminhaig/Astro-fast
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
