Manual Installation

This guide creates by hand the files that npm create fumapress generates.

Setup

Install Dependencies

npm i fumapress
npm i fumadocs-core fumadocs-mdx
npm i fumadocs-ui@npm:@fumadocs/base-ui @base-ui/react
npm i react react-dom

npm i vite tailwindcss @tailwindcss/vite -D
npm i typescript @types/mdx @types/node @types/react @types/react-dom -D

Fumapress uses the Base UI build of Fumadocs UI, installed as fumadocs-ui.

Create the Config Files

import { defineConfig } from "vite";
import tailwindcss from "@tailwindcss/vite";
import press from "fumapress/vite";
import { fumadocsMdx } from "fumadocs-mdx/vite";

export default defineConfig({
  plugins: [press(), fumadocsMdx(), tailwindcss()],
});

The Fumadocs CLI uses the paths alias in the files it copies.

Update package.json

package.json

{
  "type": "module",
  "scripts": {
    "dev": "fumapress dev",
    "build": "fumapress build",
    "start": "fumapress start",
    "types:check": "tsc --noEmit"
  }
}

Write Your First Page

content/index.mdx

---
title: My Page
description: Hello World
---

## Overview

This is my first document.

Start the Site

npm run dev

Manual Installation

SetupCopy Anchor Link

Install DependenciesCopy Anchor Link

Create the Config FilesCopy Anchor Link

Update package.jsonCopy Anchor Link

Write Your First PageCopy Anchor Link