DEV Community

Discussion on: Creating a DIY Digital Garden with Obsidian and Gatsby

Collapse
 
nascif profile image
Nascif A Abousalh Neto

Hi Joseph,
Thanks for the great tutorial. Did you continue this exploration? In particular, any luck generating a graph from the links?

Collapse
 
joeholmes profile image
Joe Holmes

Hey Nascif! I did end up creating a graph for my notes, but I did it through redesigning my personal site using Next.js and Sanity. I'm just starting to work on a blog post about the redesign now. I'm using the react-force-graph package found here: npmjs.com/package/react-force-graph You can check out the graph by visiting any individual note page at seph.news/notes. Each graph is unique to the page you're own, which took a little while to figure out, but I'm happy with it.

Collapse
 
dennisseidel profile image
Dennis

Hi Joe, Great article 👏 I'm wondering how did you create the markdown references in nextjs did you reimplement the logic or used gatsby-transformer-markdown-references ?

Thread Thread
 
joeholmes profile image
Joe Holmes

Hey Dennis! Nah, I did something totally different-- I wrote a simple GROQ query for them using Sanity.io. Finding backlinks for a given document takes one line of code, it's pretty sweet. I'm working on a new blog post for this system today!

Collapse
 
binnyva profile image
Binny V A

I have created a Gatsby starter that will create a static site using your obsidian - and it has Graphs feature built into it. You can find the tool at github.com/binnyva/gatsby-garden

To see a sample site built using it, check my personal Digital Garden at notes.binnyva.com

Collapse
 
nascif profile image
Nascif A Abousalh Neto

Nice! I will give it a try. The site looks nice on my iPhone but the hamburger menu didn’t seem to work. I will try on my laptop later. Thanks for letting me know!