Amagaki is distributed as an npm package. When starting a new site from scratch,
we recommend using
create-amagaki which uses the official
Create a new Amagaki project interactively npx create-amagaki Start the dev server npm run dev Build the site npm run build
If you are integrating into an existing project, you can install Amagaki directly.
npm install --save @amagaki/amagaki
We know there are dozens and dozens of static site generators. Amagaki was built specifically for two reasons:
More on marketing sites
Marketing websites are often constructed with elements such as repeatable content types, reusable modules, frontend components, and translations. Amagaki makes it easy to separate content and views, allowing developers to follow this critical maintainability best practice. All while just writing HTML (templates), CSS (Sass), and JS (TypeScript).
And, often, stakeholders require developers to stage updates on a dime and push content updates rapidly. Amagaki facilitates this workflow with confidence.
The editor (coming soon)
You’re using a static site generator, but you want to empower stakeholders with the ability to edit and publish content themselves; and you want to avoid a complicated headless CMS integration. That’s where Editor.dev comes in.
Amagaki was built to pair with Editor.dev – a robust, minimal configuration, user-friendly way to empower non-technical users to assemble pages, update copy, images, and translations, and interact with your website content – all without requiring integrations.
Amagaki is an independent project released under the MIT License largely maintained by Blinkk, a small web development studio. We use Amagaki to build projects for ourselves, our stakeholders, and partners.
<a href="https://github.com/jeremydw"> <img src="https://avatars.githubusercontent.com/u/646525?v=4" alt="jeremydw" loading="lazy"> </a> <a href="https://github.com/Zoramite"> <img src="https://avatars.githubusercontent.com/u/107076?v=4" alt="Zoramite" loading="lazy"> </a> <a href="https://github.com/micjamking"> <img src="https://avatars.githubusercontent.com/u/651702?v=4" alt="micjamking" loading="lazy"> </a> <a href="https://github.com/frzrbox"> <img src="https://avatars.githubusercontent.com/u/34640555?v=4" alt="frzrbox" loading="lazy"> </a> <a href="https://github.com/uxder"> <img src="https://avatars.githubusercontent.com/u/7152?v=4" alt="uxder" loading="lazy"> </a> <a href="https://github.com/stevenle"> <img src="https://avatars.githubusercontent.com/u/387282?v=4" alt="stevenle" loading="lazy"> </a> <a href="https://github.com/amacdonald-google"> <img src="https://avatars.githubusercontent.com/u/32172898?v=4" alt="amacdonald-google" loading="lazy"> </a> <a href="https://github.com/angusm"> <img src="https://avatars.githubusercontent.com/u/409087?v=4" alt="angusm" loading="lazy"> </a> <a href="https://github.com/hellomichael"> <img src="https://avatars.githubusercontent.com/u/3630632?v=4" alt="hellomichael" loading="lazy"> </a>