Author: Julian Schäfer, info@julian-schaefer.net
This is a processwire twig-based stack with focus on frontend workflow. It provides a boilerplate project with a bulletproof structure for templating and theming. The idea is to have a pattern based workflow. This requieres basic knowledge of processwire.
- Download and install Processwire. https://processwire.com/
- Use unziped
site-processwire_stack.zipas installation profile. - Move dev folder to
siteand navigate into it. - Do a
yarn installto install all dependencies - Do a
yarn startto start the gulp watch task. This task copies all your patterns fromsite/dev/source/patterns/to the proper processwire destination. - Do a
yarn start:neutrinoto start the neutrino based webpack task. This task is taking care of linting and bundling. I'm using the factorial frontend stack here: https://www.npmjs.com/package/@factorial/frontend-stack-core
Everything what you need to develop is inside of site/dev/source.
In side/dev/source/patterns you'll find your patterns. The setup is using the atomic design principles. You'll have atoms, components and template-components. Each component represents a template within processwire.
There is one site template called default.twig what is the default template and corresponds to default.php in site/templates. The home template doesn't need a twig file here because it's just redirecting to the first child. When you want to have no redirect, just create a home.twig and remove the redirect from the php file.
When you want to have another site template please add a php file to site/templates and a appropriate twig file to site/dev/source/patterns.