Webpack 4 scaffold to build an ES6 / MATERIALIZE-CSS web frontend.
Server side:
- PHP (7.2.8)
- MySQL (5.7.23)
- Redaxo (5.6.4)
Client side:
- HTML5, SASS/CSS3, Javascript ES6, materialize-css (1.0)
- Nodejs/Babel/Webpack 4 for ES6 browser transpiling, source bundling and compressing
- Nodejs/node-sass for transpiling sass sources
$ git clone [email protected]:jankern/artist-webapp.git
$ cd artist-webapp
$ npm install
To develop and extend the sources webpack needs to be processed to compile the sources (each time files are being saved). Start the build in webpack development server
$ npm run fe-dev
A browser will be opened at http://localhost:9000 to verfy code changes. SASS sources are stored in ./src/scss/ (landingpage styles have to be added to ./src/scss/partials/_content_landingpage.scss)
To build the sources for production purposes run
$ npm run fe-build
Run Redaxo CMS in Docker container
$ npm run docker-compose-up
Run Application on http://localhost:20180/