Gatsby Digital Garden screenshot

Gatsby Digital Garden

Author Avatar Theme by Mathieudutour
Updated: 10 Nov 2022
679 Stars

Create a digital garden with Gatsby

Categories

Overview:

The Gatsby and Digital Garden set of packages offer tools to create a digital garden utilizing Gatsby. These packages include features like exporting Roam Research databases, transforming brackets and parenthesis into links, managing pages, and extracting references between markdown nodes. The Gatsby theme, gatsby-theme-garden, bundles all these packages together for an efficient digital garden creation process.

Features:

  • fetch-roamresearch: Export and download Roam Research databases.
  • gatsby-source-roamresearch: Source plugin for pulling data into Gatsby from Roam Research.
  • gatsby-remark-double-brackets-link: Transform [[page]] into a proper link.
  • gatsby-remark-double-parenthesis-link: Transform ((page)) into a proper link.
  • react-stacked-pages-hook: Manage a stack of pages in Gatsby.
  • gatsby-transformer-markdown-references: Extract references between markdown nodes.
  • gatsby-theme-garden: A comprehensive Gatsby theme bundling all the above packages.

Installation:

  1. Create a Gatsby site using the Gatsby CLI and specify the garden theme starter.

    npx gatsby new my-garden https://github.com/mathieudutour/gatsby-digital-garden
    
  2. Navigate to the newly created site’s directory.

    cd my-garden
    
  3. Start the site.

    gatsby develop
    
  4. Access the site at http://localhost:8000 to start customizing your digital garden.

Summary:

The Gatsby and Digital Garden packages provide a powerful set of tools for creating digital gardens with Gatsby. By offering features like Roam Research database export, link transformations, page management, and reference extraction, developers can efficiently build and customize their digital gardens. The gatsby-theme-garden theme further simplifies the setup process by bundling all these packages together, enabling users to quickly get started on their digital garden projects.