Installation

Installiere mit deinem bevorzugten Paketmanager:

npm

$ npm install -D contentkit

pnpm

$ pnpm add -D contentkit

yarn

$ yarn add -D contentkit

bun

$ bun add -D contentkit

Config initialisieren:

npx

npx contentkit init

pnpm

pnpm exec contentkit init

yarn

yarn contentkit init

bunx

bunx contentkit init

Dies erstellt contentkit.config.ts (oder .js) basierend auf der Umgebung.

Ein Beispieldokument hinzufügen:

Unix

mkdir -p content
printf "---\ntitle: Hello World\ndate: 2025-01-01\ntags: [intro]\n---\n\nMein erster Post." > content/hello-world.md

Windows Powershell

New-Item -ItemType Directory -Force -Path content | Out-Null
@"
---
title: Hello World
date: 2025-01-01
tags: [intro]
---

Mein erster Post.
"@ | Set-Content content/hello-world.md

Build:

npx

npx contentkit build

pnpm

pnpm exec contentkit build

yarn

yarn contentkit build

bunx

bunx contentkit build

Generierte Artefakte liegen in .contentkit/generated und ein virtuelles Package dot-contentkit wird geschrieben. Nun fügen wir das dot-contentkit Package unserem Projekt hinzu.

Öffne zuerst deine tsconfig.json (oder jsconfig.json) Datei und füge folgendes Path Mapping hinzu:

tsconfig.json

{
  "compilerOptions": {
    "paths": {
      "dot-contentkit": [".contentkit/generated"],
    },
  },
}

jsconfig.json

{
  "compilerOptions": {
    "paths": {
      "dot-contentkit": [".contentkit/generated"],
    },
  },
}