Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Executable Tutorial Proposal #2618

Merged
merged 2 commits into from
Oct 10, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions contributions/executable-tutorial/jakstrom-lavo/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
# Assignment Proposal

## Title

Using Github Actions in combination with GitHub Pages to launch your Vue web service

## Names and KTH ID

- Jakob Ström ([email protected])
- Carl Lavö ([email protected])

## Deadline

- Task 3

## Category

- Executable tutorial

## Description

In our tutorial we will show how to set up a demo for your Vue web service using the pages function of GitHub combined with how to set up a github Action workflow to deploy it. In this specific example we will be using Vue since we have used it in previous computer science courses at KTH. The tutorial is aimed to give you a working Vue bootstrap that is available for others to test online without having to find a hosting solution.

The technical changes needed compared to a regular Jekyll github pages page, is creating a .yml to build vue, changing the routing of your vue application to use hash routing instead and deploying a correct file structure to a separate branch.


**Relevance**

Being able to give others access is a very useful tool in the beginning of creating a web service. Not having to spend time on setting up back-end solutions and instead being able to focus on working out features. Using github pages is according to us one of the simplest solutions for doing this and unlike Canva Pro and Adobe XD also available for free.
Loading