Skip to content
🌻[WIP] Gatsby Theme to build your own digital garden 🌻πŸ₯€πŸŒΈ
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
packages remove posts support Mar 18, 2019
site
.gitignore
.prettierignore
lerna.json
package.json
readme.md Spike out wiki index page Mar 14, 2019
yarn.lock

readme.md

🌻 [WIP] Digital Garden

Digital Garden is a content-first project meant to make it easier to write and curate content on the web. This is a project I've built for myself but hope it can be useful for other folks looking to create their own gardens that leverage the open web. You can use components in your content seamlessly using MDX which is rad for writing.

Motivation

I was inspired by numerous posts that struck a chord. At the time of writing this I had roughly 100 WIP blog posts and essays that were sitting, hidden in a local directory: ~nt.

With a nice digital garden, content can be fun again. With MDX you can now write dynamic and immersive content that can show rather than tell. I've found myself writing a lot more, and want to make it easy as hell to share that content with the community. With a digital garden I can share thoughts with folks without having to copy pasta the material to a GitHub Gist.

Installation

Install the libraries that are needed:

yarn add gatsby gatsby-theme-digital-garden react react-dom

Usage

Create a gatsby-config.js that uses the gatsby-theme-digital-garden theme:

// gatsby-config.js
module.exports = {
  __experimentalThemes: [
    'gatsby-theme-digital-garden'
  ]
}

Project structure

site
β”œβ”€β”€ gatsby-config.js
β”œβ”€β”€ package.json
β”œβ”€β”€ pages
β”‚   └── index.md
β”‚   └── contact.md
β”œβ”€β”€ posts
β”‚   └── my-first-post.md
└── wiki
    β”œβ”€β”€ music
    β”‚   └── list.md
    └── thoughts
        β”œβ”€β”€ thoughts-1.md
        └── thoughts-2.md

Ordering your content

⚠️ Not yet implemented

Only the journal feature uses chronological order by default since it's meant to be a long running diary of ideas. The posts and wiki categories default to alphabetical but allow for you to set a priority. The priority key is used to sort. The higher priority number wins.

---
title: My wiki page
priority: 9999
---

πŸ›° Future

This project is nowhere close to completed. There are numerous things on the horizon like:

  • Content ordering
  • Wiki index page
  • Typography theming
  • Layout theming
  • Custom colors
  • Projects section (portfolio)
  • Post archive

Built with

Related

These following posts served as an inspiration to start this project.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.