SilverStripe theme with Material-UI boilerplate
composer require olyism/silverstripe-material-ui
Traverse into your theme folder and install dependencies with
yarn install for ultra fast install)
Then, enter your local server domain name in your browserSync config,
which is in the
Now you can run your local server:
gulp the default task runs
gulp watch builds the js and css, starts browerSync and watches for file changes
gulp build builds the js and css
gulp lint runs eslint
All the tasks' configuration should be done in
For details on all the tasks please see files under
Browsers do not allow us to use the require method from Node.js.
With browserify, we can implement dependency management on the browser.
It also will bundle the code into one file in an efficient way to not repeat dependencies that are used more than once.
When developing and testing the website, browserSync is a powerful tool that will rebuild and refresh the webpage so
you can see the changes you make as you are working.
Sass is a css preprocessor. gulp-sass is a gulp wrapper for the node library of sass.
Styling should ideally all be done in jsx, but if you need to add scaffolding styles please do so under the
A useful repository that explains how many of gulp's features work and contains an example project to get familiar with
it. We use this example to construct our own project.
Clone this repo as a sub-directory under your existing theme
Create a new pagetype under
MaterialUIPage, you may want to clear all css and js
Requirements::clear() if you're extending
Rename the root and Layout
Page.ss template files to match your new pagetype
MaterialUIPage.ss) and copy into the respective location.
Update the css and js links in the
Tail.ss partials to include the subdirectory
You may want to make further tweaks to
MaterialUIPage.ss to match your existing theme.
For example, you may want to omit the
Tail.ss partials and use
As long as the app's scripts are loaded in the
Tail.ss partial the app should run.
Please kindly raise any issues on GitHub.
Module rating system helping users find modules that are well supported. For more on how the rating system works visit Module standards
Score not correct? Let us know there is a problem