Installation

This guide walks through a static site that uses Svelte only on the server (svelte/server) and @pagesmith/site as the app-facing package for collections, markdown processing, and the Vite/SSG/runtime layer.

Dependencies

Runtime / build-time packages (see package.json in this folder for exact versions):

1{2  "dependencies": {3    "@pagesmith/site": "*",4    "pagefind": "^1.5.0",5    "svelte": "^5.55.1"6  },7  "devDependencies": {8    "@sveltejs/vite-plugin-svelte": "^7.0.0",9    "typescript": "^6.0.2",10    "vite": "^8.0.3",11    "vite-plus": "0.1.16"12  }13}

• @pagesmith/site — collection definitions, schemas, markdown processing, pagesmithContent / pagesmithSsg, renderDocumentShell, and the shared runtime/CSS layer.
• svelte — render from svelte/server at SSG time only.
• pagefind — indexer dependency for the SSG plugin’s post-build step.
• vite + vite-plus + @sveltejs/vite-plugin-svelte — dev server and Svelte compilation.

Quick start

From the monorepo root:

1git clone https://github.com/sujeet-pro/pagesmith.git2cd pagesmith3vp install

Run this example:

1vp run dev:eg:svelte

Production build:

1cd examples/frameworks/with-svelte2npm run build

Output goes to ../../../gh-pages/examples/svelte/ per vite.config.ts.

Vite plugins

1. pagesmithContent — markdown → validated entries → virtual:content/*.
2. pagesmithSsg — getRoutes / render, dev middleware, Pagefind after build.
3. sharedAssetsPlugin — shared fonts/assets from @pagesmith/site into the output.