Kick-start your project with Bootstrap, the world's most popular framework and modern development workflow. 😊 This boilerplate with Webpack based setup helps you build web apps and sites much faster.
- Live reloading
browser update after changes - Automatically optimizes entry files
concatenate, minify and inject output files to HTML - Sass for stylesheets
- Modern JavaScript
ES6 modules-based code linting by ESLint - Older browsers support
- add vendor prefixes in CSS with Autoprefixer
- convert ES6+ code into a backwards compatible with Babel
- Includes:
- Webpack 4 configuration - module bundler
- Bootstrap 4 - the most popular HTML, CSS and JS framework
- jQuery - JavaScript library
- Font Awesome 5 - the web's most popular vector icons and social logos (the pro version 💫)
- Google Fonts - libre licensed fonts
- Slick Slider - The web's most popular carousel out there
- sourceMaps
- and more...
Node.js is the only required dependency to work with Front end starter.
- Install Node.js (installation depends on your system). After finishing, you will be able to
check the version number using
node -v
andnpm -v
commands (npm is distributed with Node.js). - It is recommended to install the latest version of Yarn.
- Clone the repo using
git clone https://github.com/amine-louni/front-end-starter.git
or download Front end starter Starter. - Open folder front-end-starter (command:
cd front-end-starter
) and install a packages of HTML Starter via command:yarn
ornpm install
.
Now you have everything you need to run the build process.
yarn serve
ornpm run start
─ compile assets when file changes are made, start webpack-dev-server sessionyarn build
ornpm run build
─ compile and optimize (the files in your src directory) for production
Code released under the MIT license.