A favicon of Digital Garden

Digital Garden

A feature-rich, open-source starter for building modern developer blogs or digital gardens using Next.js, MDX, Contentlayer, and Tailwind CSS.

A screenshot of Digital GardenVisit

Modern Developer Blog & Digital Garden Starter with Next.js

This open-source template provides a comprehensive solution for developers wanting to build a personal blog or digital garden. It leverages Next.js (App Router), MDX, Contentlayer, and Tailwind CSS, offering a modern, customizable, and feature-rich platform. It aims to simplify setup with included analytics, SEO optimizations, and newsletter integration, allowing developers to focus on content creation rather than boilerplate code. It's designed for easy deployment on Vercel.

Features:

  • MDX & Contentlayer Support: Write content using MDX with Contentlayer for type-safe content management.
  • Styling with Tailwind & Shadcn/UI: Utilizes Tailwind CSS and @shadcn/ui for modern, customizable UIs.
  • Theme Customization: Supports dark/light mode and customizable fonts and colors.
  • SEO Optimization: Includes automatic robots.txt, sitemap.xml, and OG image generation.
  • RSS Feed Generation: Provides an RSS feed for content syndication.
  • Analytics Integration: Supports Vercel, Umami, Plausible, and Google Analytics out-of-the-box.
  • Newsletter Subscription: Features MailerLite integration for building email lists.
  • Pre-built Pages: Includes templates for 'Uses', 'Projects', 'About', and 'Link in Bio' pages.
  • Search & Command Bar: Integrated site-wide search functionality via a command bar.
  • Customizable Hero Section: Offers multiple hero section variants for the homepage.
  • Detailed Frontmatter: Define rich metadata for posts including tags, series, and author.
  • Configurable Navigation: Easily customize site navigation links.
  • Social Media Integration: Configurable social links and social sharing buttons.
  • Reading Time Indicator: Automatically estimates and displays reading time for posts.
  • MDX Components Suite: Includes useful MDX components like Table of Contents and footnotes.

Summary:

This Next.js starter template is designed to help developers quickly establish an online presence through a blog or digital garden. It comes packed with features like MDX content processing, styling via Tailwind CSS and @shadcn/ui, various analytics provider integrations, and newsletter capabilities. With customizable sections for projects, uses, and about pages, it offers a robust foundation for sharing knowledge and showcasing work in a modern, developer-friendly format.

Distribution:
opensource
GitHub:
301 Stars
35 Forks
Share:

 

  
 

Similar to Digital Garden: