Wagtail Pipit

screenshot of Wagtail Pipit
django
nextjs
react

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.

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.

django
Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

docker
Docker

A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.