Frontend Bootstrap

Kickoff for landing pages & multi-page websites.

Main Tools

• Webpack
• Babel
• Pug
• Sass
• VueJS
• ESLint

First steps

Installing node

Get the latest version of node from the official website or using nvm Nvm approach is preferred. Also, you may find this tool useful to automate version changing between projects.

Getting the dev dependencies

Run npm i from rootpath of the project.

Development

Run the project

After doing npm i, execute npm start. This will run the project instance in:

  http://localhost:3000/

We use HTTPS protocol to make our site secure and also because it's required for some cool webpack configurations and it will allow us to develop a custom service worker.

SCSS

When creating SCSS files you don't need to import other files inside yours to use properties from them. There's a specific file called application.scss where every SCSS file should be imported in the desired priority order. This works just like the stylesheet elements in the head of an html, when repeated rules are present the rule that was imported last will override the other.

Further reading

Check the docs folder for extra help on usual tasks or issues:

• Adding google analytics
• Troubleshooting
• Maintenance mode

Contributing

check this document.

About

This project is maintained by The Front-End Army and it was written by Wolox.