iammatthias / com

Digital garden built using Astro, Obsidian, and other goodies.

Home Page:https://iammatthias.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

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

About

Digital garden built using Astro, Obsidian, and other goodies.

https://iammatthias.com


Languages

Language:Astro 56.4%Language:TypeScript 30.7%Language:CSS 10.5%Language:JavaScript 2.4%