Nwayo

screenshot of Nwayo

A multi-theme, multi-site, multi-cms front end framework

Overview

Nwayo is an innovative front-end boilerplate designed for developers looking for flexibility and extensibility in their projects. This multi-theme, multi-site framework supports various content management systems (CMS) while providing a back-end agnostic environment, making it a versatile choice for modern web development needs. Built on modern technologies, Nwayo harnesses the power of Node.js and its CLI, enabling developers to start projects quickly and efficiently.

With its emphasis on performance and ease of use, Nwayo has been successfully deployed on over 200 sites, including popular platforms like Drupal, WordPress, and Magento. It integrates modern front-end tools and methodologies to ensure that developers can create high-quality, maintainable projects that are optimized for today's web standards.

Features

  • HTML5 and CSS3 Ready: Ensures compatibility with modern web standards and utilizes Autoprefixer for added styling consistency.
  • Gulp Build System: Leverages Gulp for an efficient build process, simplifying tasks such as minification and image optimization.
  • Extensive Scripting Support: Supports ES6+ with Babel, enabling advanced JavaScript features while using tools like ESLint for code quality.
  • Multi-CMS Compatibility: Works seamlessly with popular CMS platforms including WordPress, Sitecore, and Shopify, providing a flexible development environment.
  • Toolbox of Utilities: Comes bundled with several essential tools in the toolbox package, including SCSS/JS helpers designed to streamline workflows.
  • Optimized Asset Management: Automatically optimizes images and generates iconography, ensuring a high-performance user experience.
  • Boilerplate Generators: Offers dedicated packages for both project and extension boilerplate generation, simplifying the setup process.
  • Active Community and Documentation: Supported by robust documentation covering workflows, tools, and ongoing development, fostering an active user community.
eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.