Skip to content

kitconcept/kitconcept.blog

Repository files navigation

kitconcept.blog 🚀

Built with Cookiecutter Plone Starter Black code style Backend Tests Frontend Tests

A new project using Plone 6.

Quick Start 🏁

Prerequisites ✅

Ensure you have the following installed:

  • Python 3.11 🐍
  • Node 18 🟩
  • yarn 🧶
  • Docker 🐳

Installation 🔧

  1. Clone the repository:
git clone git@github.com:kitconcept/kitconcept-blog.git
cd kitconcept-blog
  1. Install both Backend and Frontend:
make install

Fire Up the Servers 🔥

  1. Create a new Plone site on your first run:
make create-site
  1. Start the Backend at http://localhost:8080/:
make start-backend
  1. In a new terminal, start the Frontend at http://localhost:3000/:
make start-frontend

Voila! Your Plone site should be live and kicking! 🎉

Local Stack Deployment 📦

Deploy a local Docker Compose environment that includes:

  • Docker images for Backend and Frontend 🖼️
  • A stack with a Traefik router and a Postgres database 🗃️
  • Accessible at http://kitconcept-blog.localhost 🌐

Execute the following:

make stack-start
make stack-create-site

And... you're all set! Your Plone site is up and running locally! 🚀

Project Structure 🏗️

This monorepo consists of three distinct sections: backend, frontend, and devops.

  • backend: Houses the API and Plone installation, utilizing pip instead of buildout, and includes a policy package named kitconcept_blog.
  • frontend: Contains the React (Volto) package.
  • devops: Encompasses Docker Stack and Ansible playbooks.

Why This Structure? 🤔

  • All necessary codebases to run the site are contained within the repo (excluding existing addons for Plone and React).
  • Specific GitHub Workflows are triggered based on changes in each codebase (refer to .github/workflows).
  • Simplifies the creation of Docker images for each codebase.
  • Demonstrates Plone installation/setup without buildout.

Code Quality Assurance 🧐

To automatically format your code and ensure it adheres to quality standards, execute:

make format

Linters can be run individually within the backend or frontend folders.

Internationalization 🌐

Generate translation files for Plone and Volto with ease:

make i18n

Credits and Acknowledgements 🙏

Crafted with care by This was generated by cookiecutter-plone-starter on 2023-10-27 09:04:19. A special thanks to all contributors and supporters!