Static Site with SvelteKit + mdsvex

A modern static site generator built with SvelteKit 5, mdsvex, and shadcn-svelte components. Features markdown-based content with embedded Svelte components, full static site generation, and beautiful UI components.

Features

• SvelteKit 5 with modern runes syntax
• mdsvex for markdown content with embedded Svelte components
• shadcn-svelte UI components with Tailwind CSS
• Static Site Generation with prerendering
• TypeScript support throughout

Tech Stack

• SvelteKit 5 (with runes)
• mdsvex (markdown + Svelte)
• shadcn-svelte (UI components)
• Tailwind CSS v4
• TypeScript
• Vite

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

Project Structure

src/
├── routes/
│   ├── +layout.svelte          # Root layout with CSS import
│   ├── +layout.server.ts       # Prerender configuration
│   ├── +page.svelte            # Home page
│   ├── about/+page.svx         # About page (markdown)
│   └── blog/hello-world/+page.svx  # Blog post (markdown)
├── lib/components/ui/          # shadcn-svelte components
└── app.css                     # Tailwind CSS configuration

Static Generation

The site is configured for full static generation with:

• All routes prerendered at build time
• CSS and assets optimized for production
• SEO-friendly static HTML files