Skip to content

Manual Install

@matthiesenxyz/ astro-ghostcms-brutalbyelian


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:

Terminal window
npx astro add @matthiesenxyz/astro-ghostcms
npm install @matthiesenxyz/astro-ghostcms-brutalbyelian @unocss/astro @unocss/reset postcss unocss

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

import { defineConfig } from "astro/config";
import ghostcms from "@matthiesenxyz/astro-ghostcms";
import UnoCSS from 'unocss/astro';
export default defineConfig({
site: "",
trailingSlash: 'ignore',
integrations: [
UnoCSS({ injectReset: true }),
theme: "@matthiesenxyz/astro-ghostcms-catppuccin",
ghostURL: "",

Setup UnoCSS

import brutalTheme from '@matthiesenxyz/astro-ghostcms-brutalbyelian';
import { defineConfig } from 'unocss';
export default defineConfig({
presets: [ brutalTheme() ],

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