Day15 - Astro Series: Layout
Covers how to set up layouts for Markdown/MDX files—templates to manage common page patterns, reduce duplication, and centralize page structure.
Covers how to set up layouts for Markdown/MDX files—templates to manage common page patterns, reduce duplication, and centralize page structure.
Images often accompany content and can dominate a page's compute and bandwidth. Astro provides components to help.
Is it possible to update page content without touching code, simply by editing documents? In other words, separating content from layout and logic.
Covers Astro routing: file-based routing, how files in src/pages become pages, and detailed SSG static and dynamic route setup.
It's easy it is to use components from different frameworks in Astro, but how do you manage their state? We can use Nano Stores to achieve this.
Shows how to add client JavaScript in .astro for interactivity and how Astro integrates major UI frameworks; covers installation and creating a React component.
My experience using Tailwind with Astro. After practicing buttons, try building various components to get comfortable with Astro.
Websites need many types of buttons. This chapter combines earlier "basic components" and "styles" to build a reusable web Button component using props.
Astro lets you write CSS the way you prefer—imports, <link>, scoped CSS, preprocessors, or frameworks are supported.
Today we introduce Astro's core concept — components. After creating a project and exploring the CLI and config, we'll build basic components.
This 30-day series guides you through Astro. Today covers the Astro CLI and the astro.config file. Use npm, pnpm, yarn, or bun to run Astro.
Create a new project from scratch and learn the folder structure; earlier we covered components and Astro Islands.
This series will continuously update for 30 days, helping you get started with it! Today, we understand the difference between dynamic and static websites.
Through this series of articles, I will continuously update for 30 days to help you get started! Learning Astro will be a new trend in front-end development.
Revisiting military life after two years may not bring about significant changes in life, it has allowed me to appreciate the value of freedom.