agic

A static site generator powered by Deno + React

简体中文 | Website | Docs | Config | Demos | Themes | Plugins | Blog

Features

Easy to configure

• Convention over configuration
• Single config file pagic.config.ts
• Intuitive design

Support md and tsx

• Render md/tsx to static HTML page
• Support React Hooks
• Pre-render to static HTML, run as an SPA once loaded

Themes and plugins

• Official themes default/docs/blog with dark mode
• Combine plugins to build process
• Import third-party themes or plugins through URL

Demos

• Templates: docs
• TypeScript 入门教程 (GitHub)
• 流浪小猫的博客 (GitHub)
• Deno X ranking (GitHub)
• Deno 钻研之术 (GitHub)
• Deno 中文手册 (GitHub)
• JavaScript 20 年 (GitHub)
• ECMAScript+ 面试宝典 (GitHub)
• Blitz.js + React 全栈开发手册 (GitHub)
• 自然醒的博客（GitHub）
• Viktor's Docs（GitHub）
• 0xzhang 的博客（GitHub）
• Add my site as a demo 😝

Get started

Installation

# Install deno https://deno.land/#installation
curl -fsSL https://deno.land/x/install/install.sh | sh
# Install Pagic
deno install --unstable --allow-read --allow-write --allow-net --allow-run --name=pagic https://deno.land/x/pagic/mod.ts

Initialize the project

To use pagic to build a static website, the project must include at least one pagic.config.ts config file and one md/tsx page file:

site/
├── pagic.config.ts
└── README.md

You can create the above site project by running the following command:

mkdir site && cd site && echo "export default {};" > pagic.config.ts && echo "# Hello world" > README.md

Run pagic

pagic build --watch --serve

More information

• Visit the official website
• Read the documentation
• Configure your site
• Checkout the theme list and the plugin list
• Read the blog of Pagic
• Join our discord channel

Special thanks

• StrawBerry Icon: A free and open iconic font library for developer and creator

Backers

Contributors

LICENSE

MIT

Have fun with Pagic!