Doc'ing the Docs!
A brief history of what's been going on in the Astro docs.
2022-04-06
Read moreRecent Blog Posts
React to XElement in Astro: sBird to xBird
aFuzzyBear 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 more
Contribute to Open Source Docs via "Edit this page" on GitHub
Have 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 more
React Sandpack Code Playground in Astro's Markdown!
After getting a Codepen Sandpack (embedded code playground) to work in an Astro page as an imported React component, my next task was to get this component rendered to a Markdown page, so it can be used in a blog post.
2022-01-30
Read more
Astro now has Draft Posts in Markdown!
An exciting contribution by a community member has us all drafting new posts...
2022-01-26
Read moreSee full post archive ...
The Code For This Page:
This is src/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 = Astro.fetchContent('../pages/posts/*.md');
allPosts.sort((a, b) => new Date(b.date) - new Date(a.date));
---
<div>
{allPosts.slice(0, 5).map((post) => (
<article>
<a href={post.url}><h3>{post.title}</h3></a>
<p>{post.url}</p>
<p>{post.description}</p>
<p>{new Date(post.date).toISOString().slice(0, 10)}</p>
<a href={post.url}>Read more</a>
</article>
))}
</div>