More Premium Hugo Themes Premium Astro Themes

Astro Theme Cody

A minimal astro theme for quickly creating your own blog

Astro Theme Cody

A minimal astro theme for quickly creating your own blog

Author Avatar Theme by kirontoo
Github Stars Github Stars: 101
Last Commit Last Commit: Aug 12, 2025 -
First Commit Created: Apr 28, 2024 -
Astro Theme Cody screenshot

Overview:

This product is a blog theme designed to provide a terminal/dev vibe with unique features such as Dark/Light mode, pinned posts and projects, responsive design, and SEO-friendly structure. It offers accessibility, semantic HTML markup, and integration for optimized images. The theme is MIT licensed and includes features like automatic RSS feed generation, auto-generated sitemap, and Astro icon svg component.

Features:

  • Astro v4 Fast 🚀
  • TailwindCSS Utility classes
  • Accessible, semantic HTML markup
  • Responsive & SEO-friendly
  • Dark / Light mode, using Tailwind and CSS variables
  • Pinned posts and projects
  • Astro Assets Integration for optimized images
  • MD & MDX posts
  • Pagination

Installation:

To install the theme, follow these steps:

  1. Create a new repo from the provided template.
  2. Use the following commands in a terminal:
    pnpm install             // Installs dependencies
    pnpm run dev             // Starts local dev server at localhost:4321
    pnpm run build           // Build your production site to ./dist/
    pnpm run preview         // Preview your build locally, before deploying
    pnpm run astro ...       // Run CLI commands like astro add, astro check
    pnpm run astro -- --help // Get help using the Astro CLI
    
  3. Configure your site settings, social media links, and navbar links in src/consts.ts.
  4. Add blog posts and projects using Content Collections and frontmatter properties as specified.

Summary:

This blog theme offers a unique terminal/dev vibe with features like fast performance, TailwindCSS utility classes, responsive design, and Dark/Light mode options. It allows for easy configuration of site settings, social media links, and navigation links. By following the installation guide and utilizing the provided commands, users can set up their blog with optimized images, pagination, and content organization features like tags and series.