Framework samples

The following framework samples give you an overview of static site generator (SSG) frameworks that can be hosted out of the box with Deploy Now. All samples are kept simple to give you a basic working prototype.

Feel free to create your own sample by adding a .ionos.yml file in your repository root folder. Providing a file-based configuration allows other users to use your sample without setting the build command and dist folder. You can find an examplary configuration below each of the samples.

Plain html sample

Simply copies static assets to the infrastructure. You only need to define a dist folder.

Deploy to IONOS

.ionos.yml
distFolder: "./"

Gridsome sample

A website based on the Vue.js framework Gridsome.

Deploy to IONOS

.ionos.yml
---
distFolder: dist
setup:
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run build
  environment:
    SITE_URL: ${{ steps.project.outputs.site-url }}
    CI: true

Gatsby sample

A website based on the React framework Gatsby.

Deploy to IONOS

.ionos.yml
---
distFolder: public
setup:
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run build
  environment:
    SITE_URL: ${{ steps.project.outputs.site-url }}
    CI: true

Hugo sample

A website based on the Go framework Hugo.

Deploy to IONOS

.ionos.yml
---
distFolder: public
setup:
- name: Setup project
  action: peaceiris/actions-hugo@v2
  properties:
    extended: true
    hugo-version: 0.82.0
build:
  name: Build project
  command: hugo --gc --minify -b $SITE_URL
  environment:
    SITE_URL: ${{ steps.project.outputs.site-url }}

Jigsaw sample

A website based on the PHP framework Jigsaw.

Deploy to IONOS

.ionos.yml
---
distFolder: build_production
setup:
- name: Setup composer
  action: php-actions/composer@v2
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run prod

Jekyll sample

A website based on the Ruby framework Jekyll.

Deploy to IONOS

.ionos.yml
---
distFolder: _site
setup:
- name: Setup project
  action: ruby/setup-ruby@v1
  properties:
    ruby-version: 2.7
    bundler-cache: true
build:
  name: Build project
  command: bundle exec jekyll build

Next sample

A website based on static file serving with Next.

Deploy to IONOS

.ionos.yml
---
distFolder: out
setup:
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run build

Nuxt sample

A website based on Static Site Generation with Nuxt.

Deploy to IONOS

.ionos.yml
---
distFolder: dist
setup:
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run generate

Vuepress sample

A website based on the Vue-powered Static Site Generator VuePress.

Deploy to IONOS

.ionos.yml
---
distFolder: src/.vuepress/dist
setup:
- name: Setup project
  action: actions/setup-node@v1
  properties:
    node-version: v12.22.3
prepare:
  name: Prepare project environment
  command: npm ci
build:
  name: Build project
  command: npm run build