Pipit is a Wagtail CMS boilerplate which aims to provide an easy and modern developer workflow with a React-rendered frontend.
Overview
Pipit is a Wagtail CMS boilerplate that aims to provide an easy and modern developer workflow with a React-rendered frontend. It offers hybrid static and server-rendered React using Next.js, 12-Factor App compliance, a Docker development environment, deploy scripts via Ansistrano, orchestration using Ansible, local SSL for development, error reporting with Sentry, CI integration via Circle CI with Slack notifications, and data sync between environments.
Features
- Hybrid static and server-rendered React: Pipit uses Next.js to render React components both on the server and the client, allowing for a fast and efficient development workflow.
- Page scaffolding: Pipit provides tools to easily scaffold pages in Wagtail CMS, making it quick and convenient to create new pages.
- 12-Factor App compliance: Pipit follows the industry-standard 12-Factor App methodology, ensuring that the application is portable, scalable, and easy to maintain.
- Docker development environment: Pipit includes a Docker-based development environment, making it easy to set up and run the application locally.
- Deploy scripts via Ansistrano: Pipit provides deploy scripts powered by Ansistrano, allowing for easy and efficient deployment to production servers.
- Orchestration using Ansible: Pipit leverages Ansible for orchestration, making it simple to manage and configure infrastructure components.
- Local SSL for development: Pipit includes support for local SSL, enabling secure communication between the development environment and other services.
- Error reporting with Sentry: Pipit integrates with Sentry, providing comprehensive error reporting and monitoring capabilities.
- CI integration via Circle CI with Slack notifications: Pipit integrates with Circle CI for continuous integration and includes Slack notifications for easy monitoring of builds and deployments.
- Data sync between environments: Pipit includes tools to sync data between different development environments, ensuring consistency and eliminating manual data entry.
- Storybook for rapid component development: Pipit supports Storybook, allowing developers to rapidly develop and test React components in isolation.
Installation
To install Pipit, make sure you have cookiecutter installed. If not, run the command pip install cookiecutter (or via brew). Then, run the command cookiecutter and follow the prompts to fill in the required information.
Summary
Pipit is a Wagtail CMS boilerplate that provides developers with a modern and streamlined workflow for building websites and web applications. Its key features include hybrid static and server-rendered React using Next.js, 12-Factor App compliance, a Docker development environment, deploy scripts via Ansistrano, orchestration using Ansible, local SSL for development, error reporting with Sentry, CI integration via Circle CI with Slack notifications, data sync between environments, and support for Storybook for rapid component development. By leveraging these features, developers can quickly and efficiently build and deploy high-quality websites and web applications using Wagtail CMS.