savchenko81 / october-webpack-theme-boilerplate

Bootstrap + jQuery + Webpack Theme Boilerplate for October CMS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

October CMS Webpack Theme Boilerplate

This is an example theme for October CMS that includes:

  • Webpack (using Laravel Mix)
  • Bootstrap
  • Font Awesome
  • jQuery
  • Autoprefixer

To use it:

  • Install October CMS
  • Create a new folder in October /themes folder (call it for example my-awesome-theme)
  • Clone the repo in your theme folder
  • Activate the theme from October backend settings

To modify it:

  • Open a terminal, go to your theme folder and run npm install (node_modules folder will be created)
  • Install more packages using npm install --save
  • Require your installed packages in src/js/app.js
  • Modify the js and scss files
  • Run npm run dev (npm run watch to recompile when something changes)
  • Add new pages, partials, content files...

When you are ready for production:

  • Run npm run prod
  • You don't need to upload node_modules and src folders to the production host if you don't compile your assets there

Enjoy!

About

Bootstrap + jQuery + Webpack Theme Boilerplate for October CMS


Languages

Language:JavaScript 62.3%Language:CSS 36.8%Language:HTML 0.8%