Advertisement Β· 728 Γ— 90

Posts by Andrew Kepson

Preview
Astro Editor β€” Schema-Aware Markdown Editor for Astro Content Collections Transform your Astro content workflow with schema-aware frontmatter forms. Reads your Zod schemas and creates intelligent editing interfaces for distraction-free writing.

Astro Editor 1.0.4 includes a build for Windows

Get it here: github.com/dannysmith/a...

I really need some windows folks to test it before I make it official πŸ™πŸ™

astroeditor.danny.is

@astro.build #astrojs

3 months ago 22 4 0 0
The Golden Gate Bridge in San Francisco

The Golden Gate Bridge in San Francisco

The Golden Gate Bridge

The Golden Gate Bridge

San Francisco seen from the Golden Gate Bridge

San Francisco seen from the Golden Gate Bridge

Downtown San Francisco

Downtown San Francisco

San Francisco a couple of weeks ago

4 months ago 0 0 0 0

πŸ˜πŸ‚

4 months ago 3 0 0 0
Video

ikea.com now on Astro.
Heard it was as easy to build as my bookshelf πŸ‡ΈπŸ‡ͺ

1 year ago 384 44 19 10

Astro is soooo good. Makes React seem like such overkill for basic sites

1 year ago 0 0 0 0
import { authorFeedLoader } from "@ascorbic/bluesky-loader";
  
const posts = defineCollection({
  loader: authorFeedLoader({
    identifier: "mk.gg",
  }),
});

export const collections = { posts };

import { authorFeedLoader } from "@ascorbic/bluesky-loader"; const posts = defineCollection({ loader: authorFeedLoader({ identifier: "mk.gg", }), }); export const collections = { posts };

---
import { getCollection } from "astro:content";
const posts = await getCollection("posts");           
---

<div>
  {
    posts.map(async (post) => {
      const { Content } = await render(post);
      return (
        <section>
          <Content />
          <p>{post.data.likeCount} likes</p>
        </section>
      );
    })
  }
</div>

--- import { getCollection } from "astro:content"; const posts = await getCollection("posts"); --- <div> { posts.map(async (post) => { const { Content } = await render(post); return ( <section> <Content /> <p>{post.data.likeCount} likes</p> </section> ); }) } </div>

Would you like to display your Bluesky posts in your Astro site? I've made an Astro content loader for Bluesky! When you build the site it loads your posts and puts them in a content collection. You can then display them on a page, or use the raw data however you want.

github.com/ascorbic/ast...

1 year ago 381 71 27 5

Hello Bluesky!

1 year ago 4 0 0 0