iammatthias / com

Digital garden built using Astro, Obsidian, and other goodies.
https://iammatthias.com
222 stars 36 forks source link
astro blog digital-garden obsidian photography react typescript
      :::::::::::            :::          :::   :::
         :+:              :+: :+:       :+:+: :+:+:
        +:+             +:+   +:+     +:+ +:+:+ +:+
       +#+            +#++:++#++:    +#+  +:+  +#+
      +#+            +#+     +#+    +#+       +#+
     #+#            #+#     #+#    #+#       #+#
###########        ###     ###    ###       ###

        :::   :::           :::    :::::::::::   :::::::::::       :::    :::       :::::::::::           :::        ::::::::
      :+:+: :+:+:        :+: :+:      :+:           :+:           :+:    :+:           :+:             :+: :+:     :+:    :+:
    +:+ +:+:+ +:+      +:+   +:+     +:+           +:+           +:+    +:+           +:+            +:+   +:+    +:+
   +#+  +:+  +#+     +#++:++#++:    +#+           +#+           +#++:++#++           +#+           +#++:++#++:   +#++:++#++
  +#+       +#+     +#+     +#+    +#+           +#+           +#+    +#+           +#+           +#+     +#+          +#+
 #+#       #+#     #+#     #+#    #+#           #+#           #+#    #+#           #+#           #+#     #+#   #+#    #+#
###       ###     ###     ###    ###           ###           ###    ###       ###########       ###     ###    ########

hi

After a few years on NextJS with various content backends (Contentful, Hygraph, Sanity, Tina, etc.), I've embraced a new approach.

The front-end is built with Astro, and the content is authored in Obsidian. The markdown files are stored in a private repo on Github, and pulled into the Astro site through the Github GraphQL API.

Images that are added to the markdown in Obsidian are uploaded to a Cloudflare R2 bucket, and the URLs are replaced in the markdown files. In Astro, these images are optimized and cached through WSRV.

The site is hosted on Vercel, and I'm using PostHog for some basic analytics.

The code is provided as-is, and I'm not planning to provide support for this setup. Feel free to use it as inspiration for your own projects.

built with