Node.js Material Starter Template
A quick and easy Node.js + Express + Pug + Material Design Lite template project.
Also available for Twitter Bootstrap.
Usage
- Clone repository.
- Open a command prompt, navigate to the folder, and enter: npm install
- Next, run the app by entering: node app
- Browse to http://localhost:3000
Preview:
Contents:
- layout.pug
- header.pug
- footer.pug
- links.pug
- index.pug
Editing Pages:
Edit views/index.pug to add your content. The default contents include:
extends layout
block content
.mdl-grid
.mdl-cell.mdl-cell--12-col
h1 Program Name
p Hello World
Adding Components
The template is compatible with all Material Design Lite UI components.
For example, to add a button to the page, edit index.jade and add the snippet:
button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent
| My Button
Author
Kory Becker http://www.primaryobjects.com/kory-becker