DEV Community

Cover image for Home page for home lab
Alexander
Alexander

Posted on

3 1 1 1 1

Home page for home lab

When you have a large number of services accumulating in your home lab, you want to collect them all in one place. There are several ready-made solutions for this. Let's take a look at one of them - Mafl. This is my development.

Mafl is a minimalistic homepage. With the ability to easily customize the display of your services. Grouping, tags, download statuses, this is not all that Mafl can do. It is possible to connect third-party services to add dynamics to the display. The project is actively developing and new services appear in it.

The most important thing is that absolutely everything has the same design. That looks very concise in the overall picture. The design is very similar to the list of applications on the iPad. In fact, I was guided by it.

Getting started

To begin let's install Mafl with Docker.

docker-compose.yml

version: '3.8'

services:
  mafl:
    image: hywax/mafl
    ports:
      - '3000:3000'
    volumes:
      - ./config.yml:/app/data/config.yml
Enter fullscreen mode Exit fullscreen mode

config.yml

title: My Home Page
services:
  Home:
    - title: Home Assistant
      description: Home automation system
      link: https://home-assistant.local
      icon:
        name: simple-icons:homeassistant
        wrap: true
        color: '#3dbcf3'
Enter fullscreen mode Exit fullscreen mode

That's enough to start using Malf

My Home Page

As you can see everything is easy, you just need to create 2 files and you will have your own homepage.

If you are interested in the project, go to Github and read what features are available. I have tried to make an extensive documentation that describes all the features.

https://github.com/hywax/mafl

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay