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.
.ionos.yml
distFolder: "./"Gridsome sample
A website based on the Vue.js framework Gridsome.
.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: trueGatsby sample
A website based on the React framework Gatsby.
.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: trueHugo sample
A website based on the Go framework Hugo.
.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.
.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 prodJekyll sample
A website based on the Ruby framework Jekyll.
.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 buildNext sample
A website based on static file serving with Next.
.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 buildNuxt sample
A website based on Static Site Generation with Nuxt.
.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 generateVuepress sample
A website based on the Vue-powered Static Site Generator VuePress.
.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