UI: improvements

• UI: Content components
  • <Blockquote>
    • accepts a title before the quote (before \\)
    • accepts an attribution after the quote (after // )
    • the attribution can contain a link
  • <Note type="old|construction|blog|tags|meta|links">

Authoring experience

• AX: auto-titles (will allow emoji in h1)
• AX: frontmatter defaults per folder
• AX: author all page links with extension (so that IDE can navigate naturally); strip them via remark plugin
• AX: incomplete frontmatter (missing type)
• AX: validate broken links/images
• AX: validate outgoing links (cache!.. last checked on…)?
• AX: common emoji aliases, please 🥺
• AX: VSCode emoji preview

Docs

• add README
  • minimal operation instructions
  • a little narrative
  • delegate the details to MDX files?
• Content: docs / components / …
• Content: docs / Astro setup
  • VS Code setup
  • project layout
  • extensions used
  • custom remark plugins
  • images with zero layout shift

Feature: Tags

• UI: navigation for tags/** section header - featured, top, latest (stretch)
• UI: tag styling
• Feature: featured tags
• Feature: featured content in tag listing
• Feature: top tags
• Feature: latest tags
• Feature: related content (same tags)
• Experiment: tag network graph
  • https://github.com/d3/d3
  • https://d3-graph-gallery.com/intro_d3js.html
  • https://d3-graph-gallery.com/graph/network_basic.html

Feature: Links

• Content: Add links to existing posts

• Feature: featured links

• Content: featured links (friends)

  • https://vanessapoppe.com/
  • https://brunopedro.com/
  • https://nevanscott.com/
  • https://diniscorreia.com/
  • https://duplos.org/
  • https://meet.andr3.net/

• Feature: show links in article

• Feature: Link page

• Feature: Links home

• Feature: navigation in links section

• Feature: related content same links

Feature: Series

• Feature: this article is part 3/5 of a series on “topic”

Feature: Experiments

• Content: experiments homepage 💡
  • always two pages: concept and execution

Later

• UI: new component <Code> with nice syntax highlighting and copy function
  • and nice typography
• Vectors for work/story/music section
• Make image quality part of profile, currently it’s hardcoded to dev=50 prod=80
• Prettier crashes on MDX because MDX 2 - temporarily changed the parser to astro
• Tooling: accessibility linting
• Feature: Media stream
• Features:
  • feed archive
  • search
  • site map: https://github.com/withastro/astro/tree/main/packages/integrations/sitemap
• Optimisation: prefetch:
  • benchmark first, interesting to document
  • see https://docs.astro.build/en/guides/integrations-guide/prefetch/
• UI: embeds:
  • Youtube
  • Twitter (not embed, just quote)
  • see https://github.com/astro-community/astro-embed/tree/main/packages/astro-embed-youtube
• SEO: audit and tweaks
  • see https://github.com/astro-community/astro-seo
• UI: navigation: blog/**: section footer: related
• Observability
• Feature: link roll
• UI: Theming
• Feature: related posts
• Feature: footnotes
• Feature: link to source file on some content
• Feature: search

MD(X) examples

• rehype-autolink-headings
• remark-directive
• reading-time
• twemoji
• astro-imagetools

Link dump

• solid

  • linked-data-developer-experience

• svg trickery

  • via postcss

• Accessibility: On demand announcements

• Micro formats

• Micropub + micropub-express + Micropub

• Web mentions