Instatic — Self-Hosted Visual CMS for Static Sites

Introduction

Instatic is an open-source, self-hosted visual CMS that produces clean static pages. It provides an agentic, self-hosted alternative to commercial platforms like Webflow, Framer, and WordPress, with built-in support for users, roles, plugins, content management, and databases.

What Instatic Does

• Provides a visual page builder for creating and editing web pages without code
• Outputs clean, static HTML/CSS pages optimized for performance and SEO
• Includes user management with roles and permissions out of the box
• Supports a plugin system for extending functionality
• Offers a built-in database and content API for dynamic data

Architecture Overview

Instatic is a TypeScript-based application with a visual frontend editor and a backend that generates static output. The editor communicates with a content API that stores pages, assets, and configuration in a local database. When pages are published, the rendering engine produces optimized static HTML with inlined critical CSS. The plugin architecture allows developers to add custom components, data sources, and deployment targets.

Self-Hosting & Configuration

• Clone the repository and run npm install to set up dependencies
• Configure the database connection for content storage
• Set up authentication providers for user management
• Customize the visual editor theme and available components
• Deploy on any server that runs Node.js or use Docker for containerized hosting

Key Features

• Visual drag-and-drop page builder with live preview
• Clean static output for fast loading and strong SEO
• Built-in user management with role-based access control
• Extensible plugin system for custom components and integrations
• Self-hosted with full control over data and infrastructure

Comparison with Similar Tools

• Webflow — commercial visual builder; Instatic is open-source and self-hosted
• WordPress — PHP-based CMS; Instatic outputs static pages for better performance
• Strapi — headless CMS without a visual builder; Instatic includes a visual editor
• Payload CMS — Next.js headless CMS; Instatic focuses on static output with a visual builder
• Webstudio — open-source visual builder; Instatic adds built-in user management and plugin system

FAQ

Q: Does Instatic require a server to host the output? A: The output is static HTML, so it can be hosted on any static file server, CDN, or object storage.

Q: Can I use my own CSS framework? A: Yes. The visual editor supports custom CSS and integrates with your existing stylesheet.

Q: Does it support e-commerce? A: E-commerce functionality can be added through the plugin system or by integrating with external services.

Q: How does it handle dynamic content? A: Instatic includes a content API for dynamic data. Pages can be regenerated when content changes.

Sources

• https://github.com/CoreBunch/Instatic