All Projects → codemotion → Cogear.js

codemotion / Cogear.js

Licence: other
Modern static websites generator (Node.JS/Webpack)

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Cogear.js

Spike
A modern static build tool, powered by webpack
Stars: ✭ 462 (+46.67%)
Mutual labels:  webpack, static-site-generator
React Static Boilerplate
A boilerplate for building static sites with Webpack 2, React and React Router
Stars: ✭ 108 (-65.71%)
Mutual labels:  webpack, static-site-generator
Prerender Spa Plugin
Prerenders static HTML in a single-page application.
Stars: ✭ 7,018 (+2127.94%)
Mutual labels:  webpack, static-site-generator
Bridgetown
A Webpack-aware, Ruby-powered static site generator for the modern Jamstack era
Stars: ✭ 317 (+0.63%)
Mutual labels:  webpack, static-site-generator
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (-45.71%)
Mutual labels:  webpack, static-site-generator
Phenomic
DEPRECATED. Please use Next.js instead.
Stars: ✭ 3,264 (+936.19%)
Mutual labels:  webpack, static-site-generator
Ng Static Site Generator
ng-static-site-generator is a webpack-based command line build tool that builds an Angular app and Jekyll-style blog entry html files into a static html and css website. It also supports building a client app so you can have static pages that are also capable of running dynamic functionality coded in Angular.
Stars: ✭ 42 (-86.67%)
Mutual labels:  webpack, static-site-generator
Skeleventy
A skeleton boilerplate built with Eleventy.
Stars: ✭ 318 (+0.95%)
Mutual labels:  webpack, static-site-generator
Deventy
A minimal 11ty starting point for building static websites with modern tools.
Stars: ✭ 157 (-50.16%)
Mutual labels:  webpack, static-site-generator
X0
Document & develop React components without breaking a sweat
Stars: ✭ 1,706 (+441.59%)
Mutual labels:  webpack, static-site-generator
Generator Infinitely Static
💫 Static page generator with routes support thats infinitely awesome
Stars: ✭ 11 (-96.51%)
Mutual labels:  webpack, static-site-generator
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (-36.83%)
Mutual labels:  webpack, static-site-generator
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-55.87%)
Mutual labels:  webpack, static-site-generator
Jamstack Web Starter
Static website workflow utilising Eleventy, Tailwind CSS, Webpack and PostCSS.
Stars: ✭ 198 (-37.14%)
Mutual labels:  webpack, static-site-generator
Peco
nothing here, move on..
Stars: ✭ 213 (-32.38%)
Mutual labels:  webpack, static-site-generator
Seek Style Guide
Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
Stars: ✭ 302 (-4.13%)
Mutual labels:  webpack
Kratos Boilerplate
🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Stars: ✭ 308 (-2.22%)
Mutual labels:  webpack
Wp Reactivate
React boilerplate for WordPress plugins
Stars: ✭ 303 (-3.81%)
Mutual labels:  webpack
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-4.44%)
Mutual labels:  webpack
Dynamic Cdn Webpack Plugin
Get your dependencies from a cdn rather than bundling them in your app
Stars: ✭ 312 (-0.95%)
Mutual labels:  webpack

THE PROJECT IS DEPRECTATED

Cogear.JS – modern static websites generator

Requirements | Installation | Usage | Options | Website

About

Cogear.JS is a static site generator built with Node.JS and based on Webpack (v4.6).

It's inspired by Jekyll and others, but built on the top of the latest frontend technologies.

Providing awesome experience of on-the-fly hot reloading to instantly implementing any changes.

Introduction video

Introduction to Cogear.JS

Features

  • 🖥 Modern stack technologies
    Build modern static websites with bundled scripts and styles.
    Rapidly prototype and instantly deploy to the server.
    Use any modern frontend stack (webpack bundled) – Vue.JS, React, Angular, Ember, etc.
  • 🚀 Blazing fast and reliable
    Performs nearly 1.000 pages per second (depends on the pages content and raw computer processor power).
    Being online. Server can handle thousands requests per seconds to serve static files (even on tiny VPS).
  • 📦 For any hosting
    Doesn't requires any database (data stored in flat files) and works on any hosting (as it produces static html and assets files).
  • 🚚 Deploy built in
    Create a preset and update your site to the server via FTP, SFTP or even rsync.
  • 🔓 Secure. No updates needed
    Just forget about annoying regular update from usual CMS.
    It's 100% secure for hacking because there is no backend after being deployed to the server.
  • Free. Open Sourced
    Use it for free. For any needs. Forever.

Github Pages (or any similar project) you can host generated site for free.

What it can be used for:

  • Rapid site prototyping,
  • Portfolio site,
  • Company site,
  • Product site,
  • Personal blog,
  • Artist or musician site.

Any site that has its administrator generated content.

Using Firebase or any other backend, written in any lang (PHP, Ruby, Python, Node.JS) or even with CMS like a WordPress, with help of modern frontend technologies like Vue.JS or React, it can be turned into more dynamic site like e-commerce, products catalog and so on.

What it cannot be used for:

  • Forum,
  • Social network,
  • Chat.

Or any other site type with great amount of user-generated content which relies on heavily database usage and dynamically generated pages.

Requirements

You need Node.JS (9.x or higher) and NPM (usually comes together).

Download and install

The latest version (v10.9.0) is recommended.

Cogear.JS runs on:

  • Mac
  • Linux
  • Windows

You may also want to use awesome VSCode editor.

Installation

To install Cogear.JS do next:

$ npm install cogear -g
# or
$ yarn global add cogear

Done. Congratulations!

Cogear.JS is now available by CLI-command cogear.

Now you're ready to build your first site.

Usage

Go to the directory where all your local sites are hosted.

$ cd ~/Sites

Create a new site via command:

$ cogear new awesome-static-site # where "site" is your site folder name

After that go to site dir:

cd ~/Sites/awesome-static-site

And start up Cogear.JS in prefered mode.

$ cogear # run in develompent mode with hot-reload – by default

$ cogear build # build a site

$ cogear production # build a site and run local server

$ cogear deploy # deploy site to the default server

Options

You can find the option via the --help command.

$ cogear --help

  Usage: cogear [command] [options]

  Options:

    -v, --version                     output the version number
    -s, --source [string]             custom source directory.
    -o, --output [string]             custom output directory.
    -p, --port   [int]                port to serve site on.
    -h, --host   [string]             host to serve site on.
    -n, --no-open                     do not open browser window automatically after built.
    -w, --verbose                     verbose Webpack output.
    --help                            output usage information

  Commands:

                                      Development mode with hot-reload (default).
    production|prod                   Production mode: build and serve.
    build|b                           Build mode: just build.
    deploy|d <preset>                 Deploy mode: build (if not) and deploy.
    new|init [options] <site-name>    Generate new site.
    plugin|p [options] <plugin-name>  Generate new plugin.
    theme|t [options] <theme-name>    Generate new theme.

For more information visit:
https://cogearjs.org

For more info, visit official website: https://cogearjs.org

TODO

  • Automated testing w/Jest
  • CI
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].