Home
Documentation
Help

Discover Page Mosaic

Introduction to Page Mosaic
Getting Started
Preparing AWS Environment
Deploying Page Mosaic
Integrating Static Website Template
Enhancing Your Website
Setting Up Custom Domain
Learn Page Mosaic
Let's launch website
Menu

Introduction to Page Mosaic

Page Mosaic CMS is an open-source platform optimized for AWS to efficiently host static websites.

It simplifies the process of creating, managing, and publishing content online with an emphasis on cost-effectiveness and efficient use of AWS resources.

Core Functionality

Designed for ease of use, Page Mosaic enables users to host static websites on AWS, leveraging AWS services such as S3 for file storage (images, videos, etc.) and CloudFront for content delivery network (CDN) capabilities.

It incorporates free SSL for secure connections, provided by AWS, ensuring that custom domains are both secure and easy to set up.

Admin Panel

The heart of the CMS is its admin panel, accessible directly via /admin on a user's browser. This interface allows users to upload and manage files on AWS S3, edit website content in real-time, and configure custom domains.

It supports immediate HTML page previews during editing and enables direct modifications of HTML, CSS, and JavaScript within the panel itself.

Content Editing

Page Mosaic offers a dynamic approach to content management. Users can modify website pages using input forms that feature a variety of elements, arranged into manageable blocks.

These forms are highly configurable, allowing users to specify labels, input types, and other settings.

The input data integrates seamlessly with HTML templates through Liquid JS syntax, akin to static site generators like Hugo or Jekyll, facilitating the injection of data into templates.

Static Site Generation

An embedded generator within the admin panel automatically produces and publishes HTML, CSS, and other static files to the AWS CDN. This process includes the creation of essential service files such as sitemap.xml and robots.txt.

Deployment

The system is designed for deployment on a user's AWS account using the AWS Cloud Development Kit (CDK) for resource creation:

  • Utilizing the AWS CDK, the project ensures that all resources are encapsulated within a single CloudFormation Stack.

  • This approach simplifies resource management, allowing for the straightforward removal of all resources associated with this stack when no longer needed.

The setup process requires just a single CLI command, making it straightforward to get started.

Cost and Efficiency

Page Mosaic prioritizes cost-effectiveness and the efficient use of AWS resources. Users pay only for the resources they consume, with the CMS architecture designed to optimize these costs.


Get Started