Hosting Phenomic Static Site Generator Sites
Phenomic is customizable. You can choose your own Markdown engine, CSS processor, and CSS in JS, or inline style solutions.
There are some high-profile websites built in Phenomic already.
Hosting Phenomic is as simple as any static site on Aerobatic. Let's get started.
Prerequisite: Node JS installed
npm install phenomic- you'll see some errors from npm, which you can ignore for now.
./node_modules/.bin/phenomic setup(or on Windows, use backslashes)
- Setup will ask you some questions, generate a
package.jsonfile for you, and install the base theme.
npm installto install the dependencies.
Preview your Site
npm start to preview your site in your browser. Phenomic includes hot-reloading. The web page updates automatically whenever you make changes in your editor.
Build the Site
Building a Phenomic site is simply
npm run build. This makes your website into the
Deploy to Aerobatic
- Login to Aerobatic (if you haven't already)
- Create the Aerobatic site
aero create. This makes a file called
aerobatic.ymlin your directory. The file contains the application ID and other configuration information.
- Deploy to Aerobatic:
aero deploy -d dist
That's it! Your site should be live at the URL that the
aero command tells you when complete.
There is also the static site generator webpack plugin.