https://github.com/rumenpetrov/frontend-starter-kit

Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.
https://github.com/rumenpetrov/frontend-starter-kit

architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini

Last synced: about 1 month ago
JSON representation

Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.

• Host: GitHub
• URL: https://github.com/rumenpetrov/frontend-starter-kit
• Owner: rumenpetrov
• License: gpl-3.0
• Created: 2017-04-10T05:51:35.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T13:30:55.000Z (almost 2 years ago)
• Last Synced: 2024-07-25T12:39:27.796Z (5 months ago)
• Topics: architecture, automation, babel, boilerplate, frontend, gulp, panini, postcss, starter-kit, zurb-panini
• Language: JavaScript
• Homepage:
• Size: 9.48 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# frontend-starter-kit

Minimal frontend only boilerplate with gulp, zurb panini, postcss and babel.

The following packages are required to run the project:

- node js

- npm

## Available Commands

Open command window and navigate to project's folder root(where 'gulpfile.bebel.js' and 'package.json' files are located). There we can execute the following commands:

  

    Command

    Description

  

  

    npm install

    This command download all gulp dependencies and store them in 'node_modules' folder. We execute this command only once, when we start new the project.

  

  

    npm start

    This command create background process that watches all source files for changes compile them in '/dist' folder. We execute this command only once before we start making changes in source files.

  

  

    npm run assets

    Clean assets folder and update the content in it.

  

  

    npm run build

    Command that build static pages, compile, copy and minify resources.

  

  

    npm run serve

    Optional simple server that is serving /dist folder on localhost:8080 by default.

  

## What should I do first

- Clone the project.

```sh

$ git clone 

```

- Delete .git folder.

```sh

$ rm -rf .git/

```

- Build static pages for the first time(creates 'dist' folder).

```sh

$ npm run build

```

- Start work on your project.

```sh

$ npm start

```

### Folder structure:

```

  └─src

    └─markup    # html partials

    └─styles    # css source files

    └─scripts   # js source files

  └─dist

    └─markup    # static html

    └─styles    # compiled css

    └─scripts   # compiled js

```