Source code behind the site kobweb.varabyte.com

Related tags

App kobweb-site
Overview

Kobweb Site

This is a Kobweb project for generating the Kobweb site itself.

The goal of this site will be to highlight the features provided by the framework and the place to read documentation about it.

Build Docker image and push to GCR

  • Make sure the Dockerfile is downloading the latest kobweb binary and do a export. For some reason export didn’t work inside docker container, so we do it here before building docker image
    kobweb export

  • Build docker image
    docker build -t kobweb-site .

  • Incase you first want to make sure the website runs locally
    docker run -p 8080:8080 -it kobweb-site

  • Gcloud config to push the image to google cloud registry
    gcloud auth login
    gcloud auth configure-docker

  • Tag the image- kobweb-example-website-1 here is the GCP project id
    docker tag kobweb-site gcr.io/kobweb-example-website-1/kobweb-website

  • Push the image
    docker push gcr.io/kobweb-example-website-1/kobweb-website

Deploy the docker container on Google Kubernetes Engine

Deploy for the first time

  • Go to the project kobweb-example-website and open cloud shell OR set up gcloud locally. If you’re setting up locally on your computer, make sure
    gcloud auth list shows the correct active account

  • Create GKE cluster in the specified zone and GCP project
    gcloud container clusters create kobweb-site-cluster --zone=us-west1-a --project=kobweb-example-website-1

  • Fetch cluster endpoint and auth config
    gcloud container clusters get-credentials kobweb-site-cluster --zone us-west1-a --project=kobweb-example-website-1

  • Create a new deployment
    kubectl apply -f gcp-deployment-config.yaml

  • Verify deployment created
    kubectl get deployment

  • Verfiy pod created
    kubectl get pods

  • create a static IP address named kobweb-site-ip
    gcloud compute addresses create kobweb-site-ip --region us-west1 --project kobweb-example-website-1

  • To find the static IP address you created, run the following command, Copy the 'address' to use as load-balancer-ip in the next command:
    gcloud compute addresses describe kobweb-site-ip --region us-west1 --project kobweb-example-website-1

  • Copy pod name from previous command and create/expose the service on port 80, this will generate an external IP where we can access the website
    kubectl expose pod <POD_NAME> --port=80 --target-port 8080 --name=kobweb-site-service --type=LoadBalancer --load-balancer-ip=<STATIC_IP>

  • Verfiy service created and copy the external IP. It can take a few seconds for this IP to show up
    kubectl get services

  • Set horizontal autoscaling on the deployment, set the maximum number of replicas to 10 and the minimum to 2, with a CPU utilization target of 50% utilization
    kubectl autoscale deployment kobweb-site --max 10 --min 2 --cpu-percent 50

  • Go to the web browser and open the external IP, it should show the website. It can take a few seconds to show up though because it's finishing up running kobweb run internally at this point. You can go to the GCP console to see the deployment logs.
    Kubernetes Engine->Workloads->kobweb-site->Logs

Comments
  • 0.7.9+mobile

    0.7.9+mobile

    Hey Deepanshu,

    If you're busy, let me know, and I can just submit this. However, some pretty big changes going on here, so I thought I'd give you a chance to look before submitting.

    It is probably worth pulling down these two commits and running our site in mobile mode (you can do this by following these instructions: https://developer.chrome.com/docs/devtools/device-mode/). I tweaked a bunch of sizes, but some things still feel a little off. I also hide the hero sample and CLI sections in mobile mode because I couldn't get them to look good, but you might have more luck!

    opened by bitspittle 6
  • Migrate hero image to actual Kobweb code

    Migrate hero image to actual Kobweb code

    We shouldn't have a static image but instead a real section that animates on a timer (every 5-10 seconds?) which changes the color mode of the hero sample

    opened by bitspittle 0
  • Use multi-stage Docker build

    Use multi-stage Docker build

    opened by Xaseron 0
  • Kobweb text isn't getting blurred for some reason

    Kobweb text isn't getting blurred for some reason

    Kobweb converts its text into "<span ... />" blocks, but it seems by doing that we ended up with blocks that are disconnected from the logic that gets applied to blurs?

    opened by bitspittle 0
  • Improve site appearance on mobile

    Improve site appearance on mobile

    We should use responsive styles that feel good on a mobile device instead of it looking like a super tiny desktop mode

    See also this reddit comment: https://www.reddit.com/r/Kotlin/comments/r94xg3/comment/hnascvf/?utm_source=share&utm_medium=web2x&context=3

    opened by bitspittle 5
Owner
Varabyte
Varabyte
This is a Movie API app in which data is fetched online from the TMDB site using API authentication.

Movie-API This is a Movie API app in which data is fetched online from the TMDB site using API authentication. MVVM model is used for Database Managme

Atishay Jain 1 Dec 4, 2021
Source code of JekyllEx Android App which can manage your Jekyll blog directly from your Android device!

JekyllEx Android App Built with ❤︎ by Gourav Khunger ?? Introduction JekyllEx is an Android App that allows you to manage a Jekyll Blog directly from

JekyllEx 24 Nov 8, 2022
Source Code Tutorial Aplikasi Al-Quran Android

Al-Quran-Android SOURCE CODE APLIKASI AL-QURAN DENGAN ANDROID STUDIO Source Code ini sudah di update. Untuk source code versi lama, silahkan lihat di

Azhar Rivaldi 33 Dec 27, 2022
Auto-pipeline: a source code generator, it will generate your component's pipeline

auto-pipeline ?? auto-pipeline is a source code generator, it will generate your

Zava 106 Dec 20, 2022
Android + Kotlin Project for the 2022 edition of the Open Source Contribution competition, JGEC Winter of Code aka JWoC.

QuotesApp-JWoC Android + Kotlin Project for the 2022 edition of the Open Source Contribution competition, JGEC Winter of Code aka JWoC. ?? Project Obj

null 4 Feb 16, 2022
ArchGuard Scanner for scan Git change history, scan source code by Chapi for Java, TypeScript, Kotlin, Go..、Java bytecode use for JVM languages, scan Jacoco test coverage.

Arch Scanner Requirements: JDK 12 Scanner: scan_git - Git commit history scan scan_jacoco - Jacoco scan scan_bytecode - for JVM languages known issues

ArchGuard 27 Jul 28, 2022
An open source Hacker News client for Android.

Hacker News Come chat with us on Gitter.im! An open source Hacker News client for Android phones & tablets. Available on the Google Play Store How to

Matthew Bishop 227 Dec 11, 2022
An open source clone of a famous flappy bird game for Android using AndEngine

OpenFlappyBird An open source clone of a famous flappy bird game for Android using the amazing AndEngine History When the original Flappy Bird game wa

Dean Wild 299 Dec 26, 2022
A Free, Fully Fledged, Open-Source Music Player for Android

Turtle Player Free, Fully Fledged & Open-Source. The Music Player for Android. Turtle Player is designed to be a fun and unique app for playing your m

Edd Turtle 178 Nov 18, 2022
Freegemas libGDX is an Android and Java desktop port of Freegemas, which in turn is an open source version of the well known Bejeweled.

freegemas-gdx Freegemas libGDX is an Android, HTML 5 and Java desktop port of Freegemas, which in turn is an open source version of the well known Bej

David Saltares 144 Jun 21, 2022
Open source Imgur Android App

Opengur NO LONGER UNDER ACTIVE DEVELOPMENT Open source Imgur Android App Want to become a beta tester? Click Here! #Features Built in native java Nati

Kenny 324 Nov 22, 2022
Android open source calendar

Etar Calendar Etar (from Arabic: إِيتَار) is an open source material designed calendar made for everyone! Why? Well, I wanted a simple, material desig

null 1.5k Dec 30, 2022
Source to android-arsenal.herokuapp.com

Important information This repository contains source codes for old version of site. It is still available here: http://android-arsenal.herokuapp.com

Vladislav Bauer 543 Dec 17, 2022
Open source Imgur Android App

Opengur NO LONGER UNDER ACTIVE DEVELOPMENT Open source Imgur Android App Want to become a beta tester? Click Here! #Features Built in native java Nati

Kenny 324 Nov 22, 2022
Freegemas libGDX is an Android and Java desktop port of Freegemas, which in turn is an open source version of the well known Bejeweled.

freegemas-gdx Freegemas libGDX is an Android, HTML 5 and Java desktop port of Freegemas, which in turn is an open source version of the well known Bej

David Saltares 144 Jun 21, 2022
Free and open source manga reader for Android.

Build Stable Weekly Preview Contribute Support Server Tachiyomi Tachiyomi is a free and open source manga reader for Android 5.0 and above. Features F

Tachiyomi 20.4k Jan 9, 2023
APK Explorer & Editor, an open-source tool to explore the contents of an installed APK

APK Explorer & Editor, an open-source tool to explore the contents of an installed APK, is strictly made with an aim to inspect an installed APK file.

APK Explorer & Editor 270 Dec 25, 2022
Open source Crypto Currency Tracker Android App made fully in Kotlin

CoinBit CoinBit is a beautiful CryptoCurrency app, completely open sourced and 100% in kotlin. It supports following features Track prices of over 300

Pranay Airan 50 Dec 5, 2022
A sample Android app which showcases advanced usage of Dagger among other open source libraries.

U+2020 A sample Android app which showcases advanced usage of Dagger among other open source libraries. Watch the corresponding talk or view the slide

Jake Wharton 5.7k Dec 27, 2022