Doc'ing the Docs!
A brief history of what's been going on in the Astro docs.
2022-04-06
Read moreA brief history of what's been going on in the Astro docs.
2022-04-06
Read moreaFuzzyBear and I have started a community, build-in-public project where we take my React-in-Astro sBird app and recreate all the same functionality using XElement, natively in Astro! The first video is now up on YouTube.
2022-03-07
Read moreHave you ever been reading documentation for an open source project and found a typo, or an out-of-date code example? If there's an "edit this page on GitHub" link, then you're only a few clicks away from contributing to Open Source and helping out a project!
2022-02-10
Read moreAn exciting contribution by a community member has us all drafting new posts...
2022-01-26
Read moreThis is a screencast and transcript of refactoring one of the basic Astro examples to create an initial BaseLayout component.
2022-01-20
Read moresrc/pages/blog.astro
which is generated from markdown files located in src/pages/posts/
using:
---
import BaseLayout from '../layouts/BaseLayout.astro';
import { Markdown } from 'astro/components'
let allPosts = await Astro.glob('../pages/posts/*.md');
allPosts.sort((a, b) => Date.parse(b.frontmatter.date) - Date(a.frontmatter.date));
---
<div>
{allPosts.slice(0, 5).map((post) => (
<article>
<img src={post.frontmatter.hero} alt={post.frontmatter.alt} width="100"><a href={post.url}><h3>{post.frontmatter.title}</h3></a>
<p>{post.frontmatter.description}</p>
<div>
{post.frontmatter.tags.map((item) => <div><a href={'/tags/${item}'}>{item}</a></div>)}
</div>
<a href={post.url}>Read more</a>
<hr>
</article>
))}
</div>