Quickstart

Get svelte-markdoc-preprocess running in a SvelteKit project in three steps.

1) Install

npm i -D svelte-markdoc-preprocess

2) Configure SvelteKit

import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import { markdoc } from 'svelte-markdoc-preprocess';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    preprocess: [vitePreprocess(), markdoc()],
    extensions: ['.markdoc', '.svelte'],
};

export default config;

3) Create your first page

---
title: Hello from Markdoc
---

# { $frontmatter.title }

This page is rendered from a `.markdoc` file.