yacht github

Yacht - Launch Docker Apps Quick and Easy - Portainer Alternative

Launch Docker apps quick and easy with Yacht and templates. A Portainer alternative. 🐳

Just a little over 2 years ago, an idea was born to create a foundation to act as a one click deployment system for Docker applications. When the project started, it was only myself and SelfhostedPro who knew about it. SelfhostedPro would show me very early versions as ideas began to form.

What exactly is Yacht?

Yacht is web interface for managing docker containers with an emphasis on templating to provide 1 click deployments. Think of it like a decentralized app store for servers that anyone can make packages for. It's like a Heroku for people who want a little more intuitive access to their apps

Yacht and the Transformation

Today, Yacht has transformed into not only a Docker templating platform, but also a full fledged Docker management system. What once was a dream to make launching Docker apps easier became that and a side by side competitor with Portainer.

An alternative to Portainer

I said it, and yes, Yacht is a great alternative to Portainer. So much so that the lead developer of Portainer was questioning (on Reddit) why Selfhostedpro didn't just contribute to Portainer instead of creating his own application.

But, I digress. Portainer has become a hallmark in the industry of Docker and it is not easy trying to get people to try something new when Portainer works so good and is so well maintained.

My influence on Yacht

Not many people know I was offering ideas at the time and had heavy influence on how Yacht looks today. In fact, the main dashboard where you can see the containers and their resource usage, was influenced by myself. At the time I was using a Synology NAS for running some Docker containers and I really like how the containers are shown with resource usage and simple stats.

You can see the similarity here so when I spoke to the developer, I made it clear that Yacht has to have a dashboard like this. It's funny now that I look back at our time talking about Yacht as it formed into what it is today. We had many conversations talking about design and how it will function.

Yacht core functionality

With that being said, Yacht is still here to stay and was built for templates that allow you to launch Docker containers quick and easy.

Yacht comes shipped with a default template packed with over 100 apps ready to be deployed.

Yacht makes it easy to see everything about the containers you have running. Here on the container application info page, you can manage everything about the container and even view the logs.

The one click update feature will place a green dot next to every container that has an available update. This is one of my favorite features!

Click on the drop-down arrow and update the image. From there, you can also start, stop, and edit the container. The ports on the right side are also linked to the application and can be clicked to open them in a new tab.

You can easily prune unused images and volumes to save precious space on your system.

Final Notes and Thoughts

While Yacht will probably never replace Portainer, it still holds its own. It's one of those apps you just have to try, and I think if you do, you will find it very suitable as a Docker management solution.

If you find Yacht useful, be sure to give it a star on the Yacht Github repo !

Setup and Install MergerFS and SnapRAID (Part 2)

The final part is setting up and configuring MergerFS and Snapraid. Here is a safer system without the fear of risking data.

Setup and Install MergerFS and SnapRAID (Part 1)

In this part, we configure and set up MergerFS. Stayed tuned as part 2 will be right on the heels of this.

TinyPilot Voyager 2a - Palm Size KVM Over IP Made Easy

Let's talk about the TinyPilot Voyager 2a which is an amazing product to make having headless servers easier to manage.

Snapp - Yet Another Self-Hosted Url Shortener

Snapp empowers you to effortlessly create and manage shortened links.

Yacht Installed on Docker – Portainer Alternative

In OpenMediaVault , Tutorials , Video by dbtech September 24, 2020

In this video we’re going to take a look at a Docker application called Yacht.

“Yacht is an alternative to Portainer that aims to make docker more accessible to the everyday person and is focused on selfhosters instead of the enterprise.” – SelfHostedPro

While Yacht operates very much like Portainer, I feel like the interface is more user-friendly and information is more easily available on Yacht than on Portainer.

About Yacht

Yacht’s home screen is a dashboard of all your running containers with information about the memory and CPU being used by each container in real time.

From there, you can click the title of any of the containers and get more information about it.

There are a couple of different ways to install applications. The first way to install an application is by clicking on the “New Application” button on the left side and then filling in each of the black fields for the 4 different steps.

Once you fill out each page, you can then click the “Continue” button and move to the next step. When you get to step 4, you can then deploy the container as you would in Portainer.

Another way is to use templates, again like in Portainer. I’m using the template that was shared on SelfHostedPro’s Yacht page as it’s a great starting point.

Click on the “Deploy” button under the application you’d like to install and you’ll be presented with a familiar screen, but this time, most of the data is already filled out!

That’s the basic idea behind Yacht. Please keep in mind that this is still in early development so there may be bugs or things to report. Bugs can be reported via Github or Discord .

Installing Yacht

Installing Yacht is pretty simple as it only takes 2 SSH commands to install.

First, we’ll create a volume:

Then we’ll install the container:

You might need to change the 8000 port to something else if you already have Portainer installed on port 8000.

That’s all there is to installing Yacht. The login credentials are:

• [email protected]

This has been tested to work with x86 processors as well as Arm processors, so you should be able to install it on just about any hardware you have laying around.

Github: https://github.com/SelfhostedPro/Yacht

Discord: https://discord.gg/srRUF5S

OpenMediaVault Tutorials

If you’re interested in other tutorials for your home server, check here: https://dbtechreviews.com/category/openmediavault/

/=========================================/

Like what I do? Want to be generous and help support my channel?

Here are some ways to support:

Patreon: https://dbte.ch/patreon

Ko-fi: https://dbte.ch/kofi

Remember to leave a like on this video and subscribe if you want to see more!

Twitter: https://dbte.ch/tw

Facebook: https://dbte.ch/fb

Subscribe: https://dbte.ch/ytsub

A container management UI with a focus on templates and 1-click deployments.

Easy to Use

Yacht was designed from the ground up to be easily installed and used to get your website up and running quickly.

Focus on What Matters

Yacht lets you focus on what apps you want to run instead of worrying about how to deploy them.

Compose Support Out of The Box

Managing large docker projects has never been easier. Import compose projects you're already using or write new ones easily using the built in editor.

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications

acapzUI/yacht-booking-homepage

Folders and files, repository files navigation.

☕ Yacht-Booking-Website

문자 인코딩(character encoding) 설정.

문자가 인코딩되는 방식을 설정합니다.

• UTF-8 : 초성, 중성, 종성으로 구분하여 문자를 작성(권장)
• EUC-KR : 하나의 완성된 글자를 인식

뷰포트(Viewport) 렌더링 방식 설정

웹페이지가 화면(Viewport)에 표현되는 방식을 설정합니다. 모바일 환경에서 적용됩니다.

• width=device-width : 화면의 가로 너비를 각 디바이스(Device)의 가로 너비와 동일하게 적용
• initial-scale=1.0 : 화면의 초기 화면 배율(확대 정도)을 설정
• user-scalable=no : 사용자가 디바이스 화면을 확대( yes )/축소( no )할 수 있는지 설정
• maximum-scale=1 : 사용자가 화면을 확대할 수 있는 최댓값
• minimum-scale=1 : 사용자가 화면을 축소할 수 있는 최솟값

오픈 그래프(The Open Graph protocol)

웹페이지가 소셜 미디어(페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정합니다.

KakaoTalk -

더 많은 오픈 그래프 속성 보기

• og:type : 페이지의 유형(E.g, website , video.movie )
• og:site_name : 속한 사이트의 이름
• og:title : 페이지의 이름(제목)
• og:description : 페이지의 간단한 설명
• og:image : 페이지의 대표 이미지 주소(URL)
• og:url : 페이지 주소(URL)

트위터 카드(Twitter Cards)

웹페이지가 소셜 미디어(트위터)로 공유될 때 우선적으로 활용되는 정보를 지정합니다.

더 많은 트위터 카드 보기

• twitter:card : 페이지(카드)의 유형(E.g. summary , player )
• twitter:site : 속한 사이트의 이름
• twitter:title : 페이지의 이름(제목)
• twitter:description : 페이지의 간단한 설명
• twitter:image : 페이지의 대표 이미지 주소(URL)
• twitter:url : 페이지 주소(URL)

Favicon(파비콘, favorites icon)

웹페이지를 나타내는 아이콘, 웹페이지의 로고를 설정합니다. 대부분의 경우 루트 경로에 favicon.ico 파일을 위치하면 자동으로 로딩하기 때문에 <link /> 를 작성할 필요가 없습니다. favicon.png 파일을 사용하려면 다음과 같이 <link /> 를 작성하세요.

파비콘 이미지는 루트 경로에 있어야 합니다!

• favicon.ico 64 x 64 (px) 또는 32 x 32 또는 16 x 16
• favicon.png 500 x 500 (px)

이미지를 업로드하면 손쉽게 .ico 파일을 제작할 수 있습니다.

iconifier.net

각 브라우저의 기본 스타일을 초기화합니다.

Google Fonts

페이지에서 사용할 '나눔고딕' 폰트를 지정합니다.

폰트 라이선스를 꼭 확인해야 합니다!

Google Fonts 에서 고른 폰트 파일을 가져옵니다.

페이지에 폰트를 적용(CSS 상속)합니다.

Google Material Icons

구글에서 제공하는 머터리얼 아이콘 을 무료로 사용할 수 있습니다.

Getting started for web

다음과 같이 사용할 수 있습니다.

GSAP & ScrollToPlugin

GSAP(The GreenSock Animation Platform) 은 자바스크립트로 제어하는 타임라인 기반의 애니메이션 라이브러리입니다. ScrollToPlugin 은 스크롤 애니메이션을 지원하는 GSAP 플러그인입니다.

자바스크립트 지식이 뛰어나지 않아도 충분히 사용할 수 있습니다!

.to() 사용법 GSAP Easing

Swiper 는 하드웨어 가속 전환과 여러 기본 동작을 갖춘 현대적인 슬라이드 라이브러리입니다.

Getting Started With Swiper

[2021.08.26 Updated] 강의와 같이 Swiper 6버전을 사용합니다. 7/8버전의 사용법이 다르기 때문에 6버전을 유지합니다.

Swiper API (옵션)을 확인하세요!

Youtube API

IFrame Player API 를 통해 YouTube 동영상을 제어할 수 있습니다.

유튜브 영상이 출력될 위치에 요소를 지정(생성)합니다.

onYouTubePlayerAPIReady 함수 이름은 Youtube IFrame Player API에서 사용하는 이름이기 때문에 다르게 지정하면 동작하지 않습니다! 그리고 함수는 전역(Global) 등록해야 합니다!

플레이어 매개변수(playerVars) 에서 더 많은 옵션을 확인할 수 있습니다.

ScrollMagic

ScrollMagic 은 스크롤과 요소의 상호 작용을 위한 자바스크립트 라이브러리입니다. 대표적으로 어떤 요소가 현재 화면에 보이는 상태인지를 확인할 때 사용합니다.

ScrollMagic API

Lodash 는 다양한 유틸리티 기능을 제공하는 자바스크립트 라이브러리입니다.

Lodash API Lodash throttle

JS Strict Mode

JavaScript를 '엄격 모드'로 사용합니다. 파일 혹은 함수의 최상단에 작성해야 합니다.

'Strict Mode'는 ECMAScript 5 버전에 있는 새로운 기능으로써, 프로그램 또는 함수를 엄격한 운용 콘텍스트 안에서 실행시킬 수 있게끔 합니다. 이 엄격한 콘텍스트는 몇가지 액션들을 실행할 수 없도록 하며, 좀 더 많은 예외를 발생시킵니다.

• 일반적인 코딩 실수에서 예외 처리
• 안전하지 않은 액션에 대한 예외 처리 (ex: 전역 객체로 접근)
• 혼란스럽거나 제대로 고려되지 않는 기능들을 비활성화

랜덤한 숫자를 생성하는 함수

• JavaScript 9.1%