Coder Social home page Coder Social logo

gitlab-hello-world's Introduction

GitLab Alpine Hello-World
CI/CD Pipeline

This repository contains the necessary configuration and code to deploy an alpine-based docker application on Heroku using CI/CD pipeline. This project originally came from my GitLab but I migrated it to GitHub and converted the .gitlab.ci to GitHub Actions.

Local Deployment with Docker

  1. Prerequisites
  • Docker installed on your local machine.
  • The project repository cloned to your local machine.
  1. Building the Docker Image
  • Navigate to the project directory in your terminal.
  • Build the Docker image using the provided Dockerfile with the following command : docker build -t hello-world .
  1. Running the Docker Container:
  • Once the image is built, you can run the Docker container locally with : docker run -p 80:5000 hello-world
  1. Accessing the Website
  • Open a web browser and navigate to http://localhost.
  • You should see your static website running locally.

Deployment to Heroku:

Main Files & Directories:

  • .gitlab-ci.yml: This file contains the GitLab CI/CD pipeline configuration for building, testing, and deploying the static website.
  • .github/workflows/ci-cd.yaml: This file contains the GitHub Actions workflow configuration for similar purposes as the GitLab CI/CD pipeline.
  1. Prerequisites
  • A GitLab or GitHub account.
  • Git installed on your local machine.
  • Setting Up your GitHub|GitLab Secrets
  1. Pushing Changes
  • The GitHub Actions workflow will handle deployment to Heroku.
  • Once the job is completed, you can access the production environment to see your deployed website.

gitlab-hello-world's People

Contributors

mozkagit avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.