Oops!
We canβt seem to find the page youβre looking for.
Error code: 404
- Get started
- Download
-
-
- Currently **v4.5.0** Β· All releases
-
- [](https://www.codacy.com/gh/cebreus/gulp-devstack/dashboard?utm_source=github.com\&utm_medium=referral\&utm_content=cebreus/gulp-devstack\&utm_campaign=Badge_Grade)
- 
- 
-
- [](https://github.com/cebreus/gulp-devstack/actions/workflows/github-pages-deploy-pnpm.yml)
- [](https://app.netlify.com/sites/gulp-devstack/deploys)
-entity_status:
- date: 2020-02-01T11:00
- updated_at: 2021-11-21T12:00:00
- workflow_step: publish
-seo:
- title: Front-end Gulp DevStack
- description: Gulp stack for building optimized static pages and exports for collaboration between coders and programmers.
- robots: index,follow
- canonical: 'https://gulp-devstack.cebre.us/'
-open_graph:
- use: true
- type: website
- title: ''
- description: ''
-twitter_cards:
- use: true
- title: ''
- description: ''
----
-
-## Typical use cases
-
-* **Developing** landing pages or prototypes (`npm run dev`).
-* **Exporting** carefully compiled and formated files for collaboration (`npm run export`).
-* **Building** the final (production) bundle, ready for deployment (`npm run deploy`).
-
-When you want to build whole web sites from the data sources as API or many markdown files, go with Static Page Generators (SGC). For example [Gridsome](https://gridsome.org/) (VueJS), [Gatsby](https://www.gatsbyjs.org/) (React) or [Hugo](https://gohugo.io/) (Go) will work for you much better.
-
-## Features
-
-* **SEO-friendly** β Open Graph and Twiter Cards markup, self/canonical.
-* **User-friendly** β image optimizations, favicons, webmanifest and all sources minification to smallest bundle.
-* **Developer-friendly** β [ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [Remark](https://remark.js.org/), [Stylelint](https://stylelint.io/) via tasks or with [Husky](https://github.com/typicode/husky) and [Lint staged](https://github.com/okonet/lint-staged).
-* Separate tasks for Development, Export and Build with automatic renaming and hashing all critical assets.
-* Ready for implementation Git based CMS as [Tina CMS](https://tina.io/) or [Netlify CMS](https://www.netlifycms.org/) etc. β Front Matter (Markdown files metadata and content).
-* HTML temlates uses [Nunjucks](https://mozilla.github.io/nunjucks/). Fully customisable [Bootstrap 5.3](https://getbootstrap.com/) extended with [BEM](https://en.bem.info/). JavaScript processed with [Babel](https://babeljs.io/) or injected from CDN or as static files.
-
-**Usefull scripts**
-
-* Deploy to FTP (`npm run deploy-ftp`) or Netlify etc.
-* Validating output HTML (`npm run build:validate:html` or `npm run export:validate:html`).
-* Listing all TODOβs (`npm run todo:show`).
diff --git a/content/site.md b/content/site.md
deleted file mode 100644
index 4de2903..0000000
--- a/content/site.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-type: settings
-copyright: Code licensed MIT
-baseUrl: https://gulp-devstack.cebre.us
-meta:
- lang: en
- charset: utf-8
- author: humans.txt
-seo:
- title: πππ₯π SEO Title
- description: πππ₯π SEO Description
- robots: index,follow
- canonical: https://gulp-devstack.cebre.us/
- iclude_to_sitemap: false
-open_graph:
- use: true
- type: website
- app_id: ''
- site_name: Gulp DevStack
- image:
- - /assets/images/gulp-devstack-open-graph.png
- image_text: πππ₯π Open Graph Image Text
-twitter_cards:
- use: false
- type: summary_large_image
- image: []
- site: '@cebreus69'
- creator: '@cebreus69'
----
diff --git a/gulp-dev-stack.code-workspace b/gulp-dev-stack.code-workspace
deleted file mode 100644
index 035e1d7..0000000
--- a/gulp-dev-stack.code-workspace
+++ /dev/null
@@ -1,94 +0,0 @@
-{
- "folders": [
- {
- "path": "."
- }
- ],
- "settings": {
- "files.autoSave": "onFocusChange",
- "files.insertFinalNewline": true,
- "files.exclude": {
- "**/node_modules": true,
- "temp": true
- },
- "css.remoteStyleSheets": [
- "https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css"
- ],
- "attrsSorter.order": [
- "v-.*",
- "ng-.*",
- "mkt-block.*",
- "mkt-data-.*",
- "mkt-label-.*",
- "mkt-field-.*",
- "mkt-.*",
- "class",
- "id",
- "async",
- "defer",
- "rel",
- "name",
- "property",
- "content",
- "lang",
- "hreflang",
- "http-equiv",
- "media",
- "method",
- "action",
- "for",
- "type",
- "value",
- "label",
- "cols",
- "rows",
- "min",
- "max",
- "maxlenght",
- "multiple",
- "checked",
- "disabled",
- "hidden",
- "readonly",
- "required",
- "selected",
- "placeholder",
- "autocomplete",
- "width",
- "height",
- "href",
- "target",
- "src",
- "srcset",
- "size",
- "sizes",
- "alt",
- "title",
- "border",
- "cellpadding",
- "cellspacing",
- "align",
- "valign",
- "summary",
- "colspan",
- "rowspan",
- "bgcolor",
- "background",
- "data-.*",
- "aria-.*"
- ]
- },
- "extensions": {
- "recommendations": [
- "okitavera.vscode-nunjucks-formatter",
- "editorconfig.editorconfig",
- "syler.sass-indented",
- "mrmlnc.vscode-attrs-sorter",
- "mikestead.dotenv",
- "redhat.vscode-yaml",
- "yzhang.markdown-all-in-one",
- "dbaeumer.vscode-eslint",
- "esbenp.prettier-vscode"
- ]
- }
-}
diff --git a/gulp-tasks-build/gulp-compile-sass.js b/gulp-tasks-build/gulp-compile-sass.js
deleted file mode 100644
index 9449275..0000000
--- a/gulp-tasks-build/gulp-compile-sass.js
+++ /dev/null
@@ -1,58 +0,0 @@
-const gulp = require('gulp');
-const gulpConcat = require('gulp-concat');
-const gulpEmptyPipe = require('gulp-empty-pipe');
-const log = require('fancy-log');
-const plumber = require('gulp-plumber');
-const postcss = require('gulp-postcss');
-const postcssSyntax = require('postcss-scss');
-const replace = require('gulp-replace');
-const sass = require('gulp-sass')(require('sass'));
-const sassGlob = require('gulp-sass-glob');
-
-/**
- * Compiles Sass files and performs additional processing.
- * @param {string} input - The input file or glob pattern.
- * @param {string} output - The output directory.
- * @param {string} outputConcatFileName - The name of the concatenated output file (optional).
- * @param {Array} postcssPluginsBase - An array of PostCSS plugins to apply.
- * @param {object} params - Additional parameters (optional).
- * @param {Function} params.cb - Callback function to execute after processing (optional).
- * @param {boolean} params.verbose - Whether to log verbose output (optional).
- * @returns {object} - The Gulp stream.
- * @throws {Error} - If the callback in params is not a function.
- */
-const compileSass = (
- input,
- output,
- outputConcatFileName,
- postcssPluginsBase,
- params = {},
-) => {
- const cb = params.cb || (() => {});
-
- if (typeof cb !== 'function') {
- throw new Error('Callback in params should be of type function.');
- }
-
- const processFile = outputConcatFileName ? gulpConcat : gulpEmptyPipe;
-
- return gulp
- .src(input)
- .pipe(plumber())
- .pipe(sassGlob())
- .pipe(sass())
- .on('error', sass.logError)
- .pipe(replace(/\/\*!/g, '/*'))
- .pipe(replace('@charset "UTF-8";', ''))
- .pipe(postcss(postcssPluginsBase, { syntax: postcssSyntax }))
- .pipe(processFile(outputConcatFileName))
- .pipe(gulp.dest(output))
- .on('end', () => {
- if (params.verbose) {
- log(` SASS processed`);
- }
- cb();
- });
-};
-
-module.exports = compileSass;
diff --git a/gulp-tasks-build/gulp-html-build.js b/gulp-tasks-build/gulp-html-build.js
deleted file mode 100644
index aacdb68..0000000
--- a/gulp-tasks-build/gulp-html-build.js
+++ /dev/null
@@ -1,226 +0,0 @@
-const data = require('gulp-data');
-const dateFilter = require('nunjucks-date-filter-locale');
-const fs = require('fs');
-const gulp = require('gulp');
-const gulpif = require('gulp-if');
-const inject = require('gulp-inject');
-const log = require('fancy-log');
-const markdown = require('nunjucks-markdown-filter');
-const minify = require('gulp-htmlmin');
-const nunjucksRender = require('gulp-nunjucks-render');
-const plumber = require('gulp-plumber');
-const rename = require('gulp-rename');
-const replace = require('gulp-replace');
-require('dotenv').config();
-
-/**
- * Builds HTML files based on the provided parameters.
- * @param {object} params - The build parameters.
- * @param {string} params.siteConfig - The path to the site configuration file.
- * @param {string|string[]} params.dataSource - The path(s) to the data source file(s).
- * @param {string} params.templates - The path to the templates directory.
- * @param {string} params.input - The input file(s) to process.
- * @param {string} params.rename - The new name for the output file(s).
- * @param {string} params.output - The output directory for the processed files.
- * @param {Function} params.cb - The callback function to execute after the build is complete.
- * @param {string[]} params.injectCss - The CSS files to inject into the HTML.
- * @param {string} params.injectIgnorePath - The path to ignore when injecting CSS files.
- * @param {string[]} params.injectCdnJs - The CDN URLs for JavaScript files to inject into the HTML.
- * @param {string[]} params.injectJs - The local JavaScript files to inject into the HTML.
- * @param {string[]} params.processPaths - The paths to process during rendering.
- * @returns {void} - The stream of processed HTML files.
- */
-const buildHtml = (params) => {
- // eslint-disable-next-line global-require, import/no-dynamic-require
- const localeSettings = require(`.${params.siteConfig}`);
- const renameCondition = !!params.rename;
- dateFilter.setLocale(localeSettings.meta.lang);
- let currentFile = '';
- let existsJson = false;
- let findJson = true;
- let oldDataSource = '';
-
- if (params.dataSource.includes('.json')) {
- if (typeof params.dataSource !== 'object') {
- params.dataSource = [params.dataSource];
- }
-
- params.dataSource.forEach((element) => {
- try {
- fs.accessSync(element);
- existsJson = true;
- findJson = false;
- } catch (error) {
- log.error(`buildHtml(): JSON file ${element} doesn't exists.`);
- existsJson = false;
- findJson = false;
- }
- });
- }
-
- nunjucksRender.nunjucks.configure(params.templates, {
- watch: false,
- lstripBlocks: true,
- throwOnUndefined: true,
- trimBlocks: true,
- stream: true,
- });
-
- return (
- gulp
- .src(params.input)
- .pipe(plumber())
- .pipe(
- rename((path) => {
- currentFile = path;
- if (currentFile.dirname !== '.') {
- const file = JSON.parse(
- fs.readFileSync(
- `${process.cwd()}/${params.dataSource}/${
- currentFile.dirname
- }.json`,
- 'utf8',
- ),
- );
- oldDataSource = currentFile.dirname;
- if (file.seo.slug) {
- currentFile.dirname = file.seo.slug;
- }
- }
- }),
- )
- // Add access to site configuration
- .pipe(
- data(() => {
- let file = params.siteConfig;
- file = {
- SITE: {
- ...JSON.parse(fs.readFileSync(file)),
- },
- };
- return file;
- }),
- )
- .pipe(
- gulpif(
- existsJson,
- data(() => {
- let file;
- params.dataSource.forEach((element) => {
- file = {
- ...file,
- ...JSON.parse(fs.readFileSync(element)),
- };
- });
- return file;
- }),
- ),
- )
- .pipe(
- gulpif(
- findJson,
- data(() => {
- if (currentFile.dirname === '.') {
- return JSON.parse(
- fs.readFileSync(
- `${process.cwd()}/${params.dataSource}/index.json`,
- ),
- );
- }
- const file = JSON.parse(
- fs.readFileSync(
- `${process.cwd()}/${params.dataSource}/${oldDataSource}.json`,
- ),
- );
- return file;
- }),
- ),
- )
- .pipe(
- nunjucksRender({
- data: { SOURCE: process.env.SOURCE },
- path: params.processPaths,
- manageEnv: (enviroment) => {
- enviroment.addFilter('date', dateFilter);
- enviroment.addFilter('md', markdown);
- enviroment.addFilter(
- 'unique',
- (arr) =>
- (arr instanceof Array &&
- arr.filter((e, i, arr1) => arr1.indexOf(e) === i)) ||
- arr,
- );
- enviroment.addGlobal('toDate', (date) => {
- return date ? new Date(date) : new Date();
- });
- },
- }),
- )
- .pipe(
- inject(
- gulp.src(params.injectCss, {
- read: false,
- }),
- {
- relative: false,
- ignorePath: params.injectIgnorePath,
- addRootSlash: true,
- removeTags: true,
- quiet: true,
- },
- ),
- )
- // Allows content of 'export' dir to place in any depth of dirs on the server / domain
- .pipe(replace(/(href=["'])(\/assets)/g, '$1.$2'))
- .pipe(
- replace(
- '',
- params.injectCdnJs.toString().replace(/[, ]+/g, ' '),
- ),
- )
- .pipe(
- inject(
- gulp.src(params.injectJs, {
- read: false,
- }),
- {
- relative: false,
- ignorePath: params.injectIgnorePath,
- addRootSlash: true,
- removeTags: true,
- transform(filepath) {
- // Performance optimisation on local JS libraries on end of
- return ``;
- },
- },
- ),
- )
- // Improve acessibility of basic tables
- .pipe(replace(/Build static sites, develop with live reload, export optimized sources
Front-end Gulp stack based on Bootsrap for building optimized static pages and exports for collaboration between coders and programmers.
Typical use cases
- Developing landing pages or prototypes (
npm run dev). - Exporting carefully compiled and formated files for collaboration (
npm run export). - Building the final (production) bundle, ready for deployment (
npm run deploy).
When you want to build whole web sites from the data sources as API or many markdown files, go with Static Page Generators (SGC). For example Gridsome (VueJS), Gatsby (React) or Hugo (Go) will work for you much better.
Features
- SEO-friendly β Open Graph and Twiter Cards markup, self/canonical.
- User-friendly β image optimizations, favicons, webmanifest and all sources minification to smallest bundle.
- Developer-friendly β ESLint, Prettier, Remark, Stylelint via tasks or with Husky and Lint staged.
- Separate tasks for Development, Export and Build with automatic renaming and hashing all critical assets.
- Ready for implementation Git based CMS as Tina CMS or Netlify CMS etc. β Front Matter (Markdown files metadata and content).
- HTML temlates uses Nunjucks. Fully customisable Bootstrap 5.1.x extended with BEM. JavaScript processed with Babel or injected from CDN or as static files.
Usefull scripts
- Deploy to FTP (
npm run deploy-ftp) or Netlify etc. - Validating output HTML (
npm run build:validate:htmlornpm run export:validate:html). - Listing all TODOβs (
npm run todo:show).
-
- Oops!
-We canβt seem to find the page youβre looking for.
-- Error code: 404 -
-
- {% if hero.title is defined and hero.title | length > 0 %}
-
- {{ hero.title | safe }}
- {% endif %} - {% if hero.excerpt is defined and hero.excerpt | length > 0 %} -{{ hero.excerpt | md | safe }}
- {% endif %}
- {% if hero.content is defined and hero.content | length > 0 %}
- {{ hero.content | md | safe }}
- {% endif %}
-
-
-
-{% endblock %}
diff --git a/src/templates/partials/favicons.njk b/src/templates/partials/favicons.njk
deleted file mode 100644
index 04c9811..0000000
--- a/src/templates/partials/favicons.njk
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/src/templates/partials/meta-open-graph.njk b/src/templates/partials/meta-open-graph.njk
deleted file mode 100644
index ca44521..0000000
--- a/src/templates/partials/meta-open-graph.njk
+++ /dev/null
@@ -1,59 +0,0 @@
-{% if open_graph.use is defined and open_graph.use === true %}
-
- {% if open_graph.type is defined and open_graph.type | length > 0 %}
-
- {% elseif SITE.open_graph.type is defined and SITE.open_graph.type | length > 0 %}
-
- {% endif %}
-
- {% if SITE.open_graph.app_id is defined and SITE.open_graph.app_id | length > 0 %}
-
- {% endif %}
-
- {% if SITE.open_graph.site_name is defined and SITE.open_graph.site_name | length > 0 %}
-
- {% endif %}
-
- {% if open_graph.title is defined and open_graph.title | length > 0 %}
-
- {% elseif seo.title is defined and seo.title | length > 0 %}
-
- {% elseif title is defined and title | length > 0 %}
-
- {% endif %}
-
- {% if open_graph.description is defined and open_graph.description | length > 0 %}
-
- {% elseif seo.description is defined and seo.description | length > 0 %}
-
- {% elseif description is defined and description | length > 0 %}
-
- {% elseif SITE.open_graph.description is defined and SITE.open_graph.description | length > 0 %}
-
- {% endif %}
-
- {% if open_graph
- .image is defined and open_graph
- .image[0] | length > 0 %}
- {% for item in open_graph.image %}
- {% set loopIndex = loop.index %}
- {% if loopIndex == 1 %}
-
- {# #}
- {# #}
- {# #}
- {% elseif loopIndex <= 9 %}
-
- {# #}
- {# #}
- {# #}
- {% endif %}
- {% endfor %}
- {% elseif SITE.open_graph.image is defined and SITE.open_graph.image[0] | length > 0 %}
-
-
-
-
- {% endif %}
-
-{% endif %}
diff --git a/src/templates/partials/meta-seo.njk b/src/templates/partials/meta-seo.njk
deleted file mode 100644
index 768f5f6..0000000
--- a/src/templates/partials/meta-seo.njk
+++ /dev/null
@@ -1,24 +0,0 @@
-{% if seo.canonical_self is defined and seo.canonical_self | length > 0 %}
-
-{% endif %}
-
-{% if canonical is defined and seo.canonical | length > 0 %}
-
-{% endif %}
-
-{% if seo.robots is defined and seo.robots | length > 0 %}
-
-{% elseif SITE.seo.robots is defined and SITE.seo.robots | length > 0 %}
-
-{% endif %}
-
-{% if (seo.description is defined and seo.description | length > 0)
- or(description is defined and description | length > 0) %}
-
-{% elseif SITE.seo.description is defined and SITE.seo.description | length > 0 %}
-
-{% endif %}
-
-{% if SITE.meta.author is defined and SITE.meta.author | length > 0 %}
-
-{% endif %}
\ No newline at end of file
diff --git a/src/templates/partials/meta-twitter-cards.njk b/src/templates/partials/meta-twitter-cards.njk
deleted file mode 100644
index 1c43e06..0000000
--- a/src/templates/partials/meta-twitter-cards.njk
+++ /dev/null
@@ -1,54 +0,0 @@
-{% if twitter_cards.use is defined and twitter_cards.use === true %}
-
- {% if twitter_cards.type is defined and twitter_cards.type | length > 0 %}
-
- {% elseif SITE.twitter_cards.type is defined and SITE.twitter_cards.type | length > 0 %}
-
- {% endif %}
-
- {% if SITE.twitter_cards.site is defined and SITE.twitter_cards.site | length > 0 %}
-
- {% endif %}
-
- {% if SITE.twitter_cards.creator is defined and SITE.twitter_cards.creator | length > 0 %}
-
- {% endif %}
-
- {% if twitter_cards.title is defined and twitter_cards.title | length > 0 %}
-
- {% endif %}
- {% if not open_graph.title is defined and not open_graph.title | length > 0 %}
- {% if seo.title is defined and seo.title | length > 0 %}
-
- {% elseif title is defined and title | length > 0 %}
-
- {% endif %}
- {% endif %}
-
- {% if twitter_cards.description is defined and twitter_cards.description | length > 0 %}
-
- {% endif %}
- {% if not open_graph.description is defined and not open_graph.description | length > 0 %}
- {% if seo.description is defined and seo.description | length > 0 %}
-
- {% elseif description is defined and description | length > 0 %}
-
- {% endif %}
- {% endif %}
-
- {% if twitter_cards
- .image is defined and twitter_cards
- .image[0] | length > 0 %}
- {% for item in twitter_cards.image %}
- {% set loopIndex = loop.index %}
- {% if loopIndex == 1 %}
-
- {% elseif loopIndex <= 9 %}
-
- {% endif %}
- {% endfor %}
- {% elseif SITE.twitter_cards.image is defined and SITE.twitter_cards.image[0] | length > 0 %}
-
- {% endif %}
-
-{% endif %}
diff --git a/src/templates/partials/o-footer.njk b/src/templates/partials/o-footer.njk
deleted file mode 100644
index 21f8ef4..0000000
--- a/src/templates/partials/o-footer.njk
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/templates/partials/o-header.njk b/src/templates/partials/o-header.njk
deleted file mode 100644
index 60de247..0000000
--- a/src/templates/partials/o-header.njk
+++ /dev/null
@@ -1,39 +0,0 @@
-{% set navItems = {
- menu: [
- {
- name: 'Home',
- page_id: 'home',
- url: '/'
- }
- ]
-} %}
-
-
- {{ body | safe }}
-
- {% endif %}
-
-
-
-