Skip to main content

Deploying a Vue.js site on Contensis

Log in to add to favourites

What is a Contensis Block?

Install the Contensis CLI 🤖

Fork the Leif Vue example 🍴

Cloning the repo 🤝

BASH
1
git clone git@github.com:{github-username}/vue-leif-example.git
BASH
1
2
git config --global user.name "Your GitHub Username" git config --global user.email "your.email@example.com"
BASH
1
git clone https://github.com/{github-username}/vue-leif-example.git
BASH
1
cd vue-leif-example

Using your favourite IDE 🤩

What are GitHub actions? 🤔

CLI Setup 🛠️

BASH
1
contensis -V
BASH
1
contensis
BASH
1
connect {alias}
BASH
1
login {username}
BASH
1
set project {project}
BASH
1
dev init
BASH
1
2
3
git add . git commit -m 'getting started with blocks' git push

Making a change 🔄

BASH
1
npm install
BASH
1
npm start

Task: Change the background colour 🖍️

CSS
1
2
3
body { background-color: #ffffff; }
CSS
1
2
3
4
body { background-color: #ddf8ce; /* Change this colour code */ }

Preview the change locally 👁️

Release the block 🚀

Making a Contensis Block live.

Still need help?

New support request