shatodj / bolt-shato-theme
The boilerplate theme for Bolt 4 CMS, built with Webpack
Installs: 14
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 9
Language:Twig
Type:bolt-theme
- dev-master
- 1.0.0
- dev-main
- dev-dependabot/npm_and_yarn/multi-2c5a3fe122
- dev-dependabot/npm_and_yarn/webpack-5.94.0
- dev-dependabot/npm_and_yarn/braces-3.0.3
- dev-feature/bolt5-advanced
- dev-feature/bolt5
- dev-dependabot/npm_and_yarn/webpack-dev-middleware-5.3.4
- dev-dependabot/npm_and_yarn/ip-2.0.1
- dev-dependabot/npm_and_yarn/postcss-and-css-loader-and-optimize-css-assets-webpack-plugin-8.4.35
- dev-dependabot/npm_and_yarn/browserify-sign-4.2.2
- dev-dependabot/npm_and_yarn/tar-6.1.14
- dev-dependabot/npm_and_yarn/fsevents-1.2.13
This package is auto-updated.
Last update: 2025-03-15 09:56:21 UTC
README
The boilerplate theme for Bolt 5 CMS.
The theme is designed to provide an easy way to extend core elements in the template. Custom content types in theme enhance user experience to put custom reusable Section Blocks.
Features
- Customize colors appearance
- Extends themes blocks using twig
- Lazy loading for images and section backgrounds
- Responsive design
- dev and production build
- NO JQUERY as you don't need it!
- EcmaScript6 syntax
Techstack
- Webpack 5
- compile+minify scss from /src/scss to /dist/css
- compile+uglify js from /src/js to /dist/js
- optimizing images from /src/images to /dist/images
- exporting fonts from /src/fonts to /dist/fonts
exporting google fonts to /dist/css/woff.css
- Bulma.io
- Font Awesome
- FsLightbox
- eslint
How to run on your develeper machine
Requirements
- Node.js v20 and above
Step by step
-
GIT Clone this project to Bolt's theme directory OR use composer install:
composer require shatodj/bolt-shato-theme bin/console bolt:copy-theme shatodj/bolt-shato-theme
-
Install Bolt dependencies
composer require bolt/forms composer require appolodev/bolt-seo
-
Install project dependencies in the theme's directory:
cd <bolt_directory>/public/theme/bolt-shato-theme npm install
-
Run prepare script, that will:
- generate environment variables and config files needed for
build
- add theme's custom Content Types and Taxonomies to Bolt's config files (make sure script will have permissions to write)
npm run prepare
- generate environment variables and config files needed for
-
Build theme
# build for development npm run build:dev # ..or build for production npm run build
-
Don't forget to change the default theme property in Bolt's
config/bolt/config.yaml
theme: bolt-shato-theme
-
Regenerate database fixtures (Optional). With the previous step we created some new content types. This will purge the current database and create new with dummy data.
cd ../../../ bin/console doctrine:fixtures:load
TODO:
- Get rid of JQuery
- Maintenance template twig fix
- deploy/archive script
- Progressive images loading (Currently possible only for section backgrounds)
- Live reload for updating js/scss
- Fill demo content script by the theme preference
- Section Blocks docu