# michael/editable-website

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/michael-editable-website).**

1,729 stars · 147 forks · Svelte

## Links

- GitHub: https://github.com/michael/editable-website
- Homepage: https://editable.website
- awesome-repositories: https://awesome-repositories.com/repository/michael-editable-website.md

## Topics

`javascript` `richtexteditor` `sqlite` `svelte` `webdev`

## Description

Editable Website is a content management system built with Svelte that enables direct inline editing of static web pages without needing a database. It functions as a Git-backed web content editor and a component-based static site builder, storing all website text, configuration, and files in local Git repositories to ensure full data ownership and local version control. 

The platform supports in-browser content management, allowing users to modify text, format styles, and compose structured page layouts using interactive blocks, drag-and-drop interactions, and keyboard shortcuts. Additional content workflows include rendering markdown documents as read-only web pages, managing navigation links, and applying visual styling adjustments and custom components. Media management features enable drag-and-drop uploads and rich media embedding, accompanied by a background media optimization pipeline that compresses assets, generates responsive variants, and deduplicates files locally.

Data storage and hosting capabilities include automated database migrations executed during server startup, cloud storage replication to S3-compatible buckets on every write operation, environment snapshot and data restoration routines, and automated cloud server provisioning scripts.

## Tags

### Development Tools & Productivity

- [In-Browser Code Editing](https://awesome-repositories.com/f/development-tools-productivity/terminal-syntax-highlighting-engines/in-browser-code-editing.md) — Modifies static markup and text content straight inside the browser window without relying on a database-driven backend panel.
- [Git Versioning Managers](https://awesome-repositories.com/f/development-tools-productivity/git-versioning-managers.md) — Stores all site contents and configuration inside local version-controlled files to keep data fully owned and portable.

### DevOps & Infrastructure

- [Git Content Management Interfaces](https://awesome-repositories.com/f/devops-infrastructure/infrastructure/version-control-systems/git-based-repositories/git-content-management-interfaces.md) — Stores all website text and files in local Git repositories providing full version control.

### Part of an Awesome List

- [Git and Version Control](https://awesome-repositories.com/f/awesome-lists/devtools/git-and-version-control.md) — Stores site files in local git repositories so all code and content remain fully owned and tracked. ([source](https://github.com/michael/editable-website#readme))

### Content Management & Publishing

- [Block-Based Content Arrangement](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/content-organization-systems/media-content-managers/block-based-content-arrangement.md) — Enables users to compose structured page layouts, arranging and resizing content blocks dynamically using drag-and-drop interactions. ([source](https://editable.website/))
- [Git-Based Content Management Systems](https://awesome-repositories.com/f/content-management-publishing/git-based-content-management-systems.md) — Stores all site files and content in local Git repositories so every change remains fully owned and tracked.
- [Page Content Updates](https://awesome-repositories.com/f/content-management-publishing/page-content-updates.md) — Modifies live page text, formatting styles, and saving updates directly on the page without using a backend admin panel.
- [Static Site Content Editing](https://awesome-repositories.com/f/content-management-publishing/static-site-content-editing.md) — Enables direct in-browser editing of static website content without a database backend.
- [Rich Text Embeddings](https://awesome-repositories.com/f/content-management-publishing/image-embeddings/rich-text-embeddings.md) — Enables users to insert images and video clips into text flows using drag-and-drop uploads and placeholder items. ([source](https://editable.website/))
- [Markdown Site Publishing](https://awesome-repositories.com/f/content-management-publishing/markdown-site-publishing.md) — Transforms repository markdown files into structured, navigable web pages rendered dynamically.
- [Static Site Content Management Systems](https://awesome-repositories.com/f/content-management-publishing/static-site-content-management-systems.md) — Provides a static site content management system built with Svelte for direct inline page editing.

### Web Development

- [Media Editing Components](https://awesome-repositories.com/f/web-development/browser-based-editors/media-editing-components.md) — Lets users edit text, format styles, and save updates directly on the page without using a backend admin panel. ([source](https://editable.website/))
- [Component Composition](https://awesome-repositories.com/f/web-development/component-composition.md) — Arranges and styles structured layout blocks dynamically using modular frontend components and reactive bindings.
- [Svelte Development](https://awesome-repositories.com/f/web-development/svelte-development.md) — Builds page layouts and custom visual styles using Svelte components.

### Data & Databases

- [S3-Compatible Cloud Storage](https://awesome-repositories.com/f/data-databases/data-engineering-infrastructure/data-persistence-storage/data-storage/file-based-storage/local-file-storage/s3-compatible-cloud-storage.md) — Replicates database state changes and uploaded media assets to an external object storage bucket on every write operation.
- [Cloud Storage Backups](https://awesome-repositories.com/f/data-databases/edge-to-cloud-synchronization/cloud-storage-replication/cloud-storage-backups.md) — Replicates database changes and mirrors uploaded assets to an S3-compatible bucket on every write operation. ([source](https://github.com/michael/editable-website#readme))

### Graphics & Multimedia

- [Local Media Processing](https://awesome-repositories.com/f/graphics-multimedia/local-media-processing.md) — Processes dropped media assets locally in the background to compress files, generate responsive variants, and deduplicate before saving.

### User Interface & Experience

- [Media Renderers](https://awesome-repositories.com/f/user-interface-experience/content-rendering-components/remote-content-renderers/media-renderers.md) — Displays images and videos on the page by connecting media properties to the underlying rendering engine. ([source](https://github.com/michael/editable-website#readme))
- [Site Appearance Customizations](https://awesome-repositories.com/f/user-interface-experience/site-appearance-customizations.md) — Applies visual adjustments and custom components without conflicting with upstream template updates. ([source](https://github.com/michael/editable-website#readme))
