Skip to content

Manual Install

@matthiesenxyz/ astro-ghostcms-catppuccin


Terminal window
# For fresh Install
npm create astro@latest
# Create Empty Install with standard typescript
# Then Delete entire `pages` folder under `/src/`
# Then run the following:
npx astro add @matthiesenxyz/astro-ghostcms tailwind
npm install @matthiesenxyz/astro-ghostcms-catppuccin

Then set your astro.config.ts to look like this:

import { defineConfig } from "astro/config";
import ghostcms from "@matthiesenxyz/astro-ghostcms";
import tailwind from "@astrojs/tailwind";
export default defineConfig({
site: "",
integrations: [tailwind(),
theme: "@matthiesenxyz/astro-ghostcms-catppuccin",
ghostURL: "",

Setup Tailwind

Catppuccin ThemesDefault?
Latte (Light)
Frappe (Light Dark)
Macchiato (Dark Light)TRUE
Mocha (Darkest)
/** @type {import('tailwindcss').Config} */
module.exports = {
presets: [require('@matthiesenxyz/astro-ghostcms-catppuccin')]

Setup .env variables


When you deploy your install dont forget to set the above ENVIRONMENT VARIABLES!

Created Routes

The routes are the same as a standard Ghost Blog so you can migrate to Astro easily.

/Homepage with recents/features Blog Posts
/404404 Page
/[slug]Post or Page
/author/[slug]Author page with related posts
/authorsAll the authors
/tag[slug]Tag page with related posts
/tagsAll the tags
/archives/[]All the posts, paginated
/rss.xmlAll the posts, in a FEED