⚠️ This site is still in beta. Things might be incorrect or incomplete.
Hyas
  • Showcase
  • Docs
  • Themes
  • Plugins
  • Blog
  • Community
    • GitHub repository
    • Discussions
    • Open Collective
    • Doks website

Docs

    • Getting Started
    • Installation
    • Editor Setup
    • Migration Guide
    • Why Hyas?
    • Site Generator
    • Project Structure
    • Archetypes
    • Pages
    • Layouts
    • Menus
    • Links
    • Deploy
    • Troubleshooting
    • Updating
    • Assets
    • Google Fonts
    • Images
    • Alerts
    • Functions
    • Plausible Analytics
    • Plugins
    • Project Configuration
    • Security
    • Performance
    • SEO
    • Netlify
    • Hyas CLI
    • Commands
    • Development Tools
    • Bootstrap
    • Contributing
    • Code of Conduct
    • FAQ

Docs

    • Getting Started
    • Installation
    • Editor Setup
    • Migration Guide
    • Why Hyas?
    • Site Generator
    • Project Structure
    • Archetypes
    • Pages
    • Layouts
    • Menus
    • Links
    • Deploy
    • Troubleshooting
    • Updating
    • Assets
    • Google Fonts
    • Images
    • Alerts
    • Functions
    • Plausible Analytics
    • Plugins
    • Project Configuration
    • Security
    • Performance
    • SEO
    • Netlify
    • Hyas CLI
    • Commands
    • Development Tools
    • Bootstrap
    • Contributing
    • Code of Conduct
    • FAQ

Why Hyas?

Hyas is an all-in-one web framework for building flexible, production-ready Hugo websites.

On this page
  • Hyas is…
    • Dependency manager
    • Site generator
    • Code with confidence
    • Ready for production
    • Easy to use
    • Fully-featured, but flexible

Why choose Hyas over another web framework? Here are six core design principles to help explain why we built Hyas, the problems that it exists to solve, and why Hyas may be the best choice for your project or team.

Hyas is…#

  1. Dependency manager: Hyas makes managing dependencies easier.
  2. Site generator: Hyas installs Hugo locally in your project.
  3. Code with confidence: Hyas reduces errors and improves your code quality.
  4. Ready for production: Get top scores for security, performance, and SEO.
  5. Easy to use: You don’t need to be an expert to build something with Hyas.
  6. Fully-featured, but flexible: Make your Hyas website completely your own.

Dependency manager#

npm is the default dependency manager for Node.js used by millions of developers. Hugo Modules (powered by Go Modules) is Hugo’s default (and quite complex) way to manage dependencies (also requiring Go).

Most dependency managers have a global registry of available packages. For npm, this is the npm Registry, with more than one million packages. For Hugo Modules however, there is no global registry of available packages.

Hyas makes managing your dependencies easier. Hyas uses npm for managing dependencies in one place and Hugo Modules (without requiring Go) for mounting dependency directories into Hugo’s virtual filesystem.

Site generator#

Build your website with the flexibility and speed of Hugo. Hyas uses Hugo for it’s unparalleled speed and flexibility. Hugo is usually installed in a global location. This way however, your project users could be using different Hugo versions. Hyas however, installs Hugo locally in your project. This way, your project users will always use the same Hugo version.

  • Learn more about Hyas installing Hugo locally in your project

Code with confidence#

Hyas reduces errors and improves your code quality. Hyas uses linting for JavaScript, (S)CSS, and Markdown. Using lint tools can help you accelerate development and reduce costs by finding errors earlier.

Ready for production#

Get top scores for security, performance, and SEO. Easily change the default Security Headers to suit your needs. Hyas removes unused CSS and JavaScript, prefetches links, and lazy loads images. Use sensible defaults for structured data, open graph, and Twitter cards. Or, easily change the SEO settings to your liking.

  • A+ scores on Mozilla Observatory
  • 100 scores on Google Lighthouse

Easy to use#

Hyas’ goal is to be accessible to every web developer. Hyas was designed to feel familiar and approachable regardless of skill level or past experience with web development.

Opt-in to complexity#

We designed Hyas to remove as much “required complexity” as possible from the developer experience, especially as you onboard for the first time. You can build a “Hello World” example website in Hyas with just HTML and CSS. Then, when you need to build something more powerful, you can incrementally reach for new features and APIs as you go.

Fully-featured, but flexible#

Hyas is an all-in-one web framework that comes with everything you need to build a website. Hyas includes asset handling, a build process, bundling, optimizations, data-fetching, and more. You can build great websites without ever reaching outside of Hyas’ core feature set.

If you need more control, you can extend Hyas with plugins like SEO, Images, and more, or use themes like Bootstrap starter, Doks, and other community themes. Connect your favorite CMS or deploy to your favorite host with just a single command.

Migration Guide Hyas CLI

On this page

  • Hyas is…
    • Dependency manager
    • Site generator
    • Code with confidence
    • Ready for production
    • Easy to use
    • Fully-featured, but flexible
  • Privacy
  • Terms

© 2022 Hyas