frontie-webpack

Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js

gulpsassbootstrapworkflowboilerplatebabelwebpackbembootstrap-gridbrowsersyncgulpjsbem-methodology

Preview

frontie-webpack preview

Overview

Frontie Webpack is a front-end boilerplate that combines Gulp, Webpack, Babel and BrowserSync to streamline development workflows. It uses ITCSS architecture and BEM methodology for CSS organization, includes Bootstrap 4 for responsive design, Twig.js for templating and supports deployment to GitHub Pages, making it suitable for building scalable websites and web applications from scratch.

Features

gulp-task-runnerwebpack-bundlingbabel-transpilationbrowsersync-live-reloaditcss-architecturebem-methodologytwig-templatingbootstrap-gridautoprefixersource-mapsstylelinteslintgithub-pages-deployment

Feature Flags

fileUploadsmapsliveReload

Recommended Use Cases

static-website-developmentfrontend-workflow-setupcss-architecture-learningrapid-prototyping

Frontend

gulpwebpackbabelbrowsersynctwig-jssassbootstrap

Backend

None

Auth Providers

None

Deployment Targets

github-pages

Payment Providers

None

Quick Facts

โญ Stars
111
๐Ÿด Forks
23
๐Ÿงพ License
mit
๐Ÿ”„ Active
Unknown
๐Ÿ•’ Last Commit
2020-08-08T13:47:01.000Z

Stack

Language
javascript
CSS
sass

Data Layer

UI Stack

Styling
sass
Components
bootstrap

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

Classification
free
Selected
โ€”
Notes
MIT licensed open-source boilerplate
Get Started with this Boilerplate