How to Build

Since the website follows the AMP guidelines, the stylesheets have to be built and injected into the file (...). You can do these by running:

npm run theme:build

If you want to watch for changes in the SCSS files, you can run:

npm run theme:watch

You can also run npm run to view other scripts that are available. Other than that, the Hugo build goes as usual. To build the website into the public folder, just run:

hugo

And to run the site locally just run:

hugo server

Snipcart

For Snipcart integration to work, you need to add your Snipcart Public API key in the config.toml:

snipcartApiKey = "YOUR_SNIPCART_PUBLIC_KEY"

Premade Plans

The product information for Premade Plans live in markdown files in the folder content/plans-premade/vps/ and content/plans-premade/general/. The first folder is intended for the files that are to populate the first table in the page, and the second folder is intended for the files that are to populate the second table in the page.

For a file to actually populate a table, you have to add the corresponding category in the front matter of the file. For example:

category: "General"

Custom Plans

The information that populates the Custom Plan flow is in the file content/plans-purchase/_index.md.

IMPORTANT: Do not change the name of the custom fields. The information for each screen is sourced with reference to the name of the custom fields. So, if you cange these names, the information will fail to be fetched.

This is how the options work:

product:
  id: "custom-plan"
  name: "Custom Plan"
  price: 0.00 # Base Price for the Product

  customFields:
    - name: "RAM" # Do not change this!
      type: "dropdown" # Makes it a dropdown in the cart.
      value: "2GB" # The pre-selected value.
      options: # List of the options in the dropdown.
        - name: "1GB" # Name of the option.
          priceModifier: 1.00 # Price for this option.

        - name: "2GB"
          priceModifier: 2.00

        - name: "3GB"
          priceModifier: 3.00

        - name: "4GB"
          priceModifier: 4.00

Content

Most of the content is sourced from the markdown files in the content/ folder. A few options, like the content of the footer, comes from the config.toml.