Erste Schritte mit diesem Blog

Willkommen auf meinem Entwickler-Blog! In diesem ersten Blogeintrag gehe ich etwas auf den verwendeten Tech-Stack ein.

Tech Stack

Dieser Blog wurde erstellt mit:

• 11ty - Static Site Generator zum erstellen der HTML-Seiten
• Tailwind CSS v4 - Für das Styling
• Parcel - Bundelt CSS und JavaScript
• Liquid - Template Engine um dynamischen Text zu erstellen
• Markdown - Als Textsprache

Deployment

Der Workflow ist simpel:

1. Posts werden in Markdown geschrieben und anschließend per pnpm gebaut.
2. Git Commit wird auf mein selbst-gehostetes Gitea gepushed.
3. Coolify wird per Webhock getriggert, holt die Änderungen und deployed automatisch

Ich hoste dabei alles selber und verwendet keine externen CDNs, & keine Third-Party Analytics.

Coolify (https://coolify.io/) ist quasi eine OpenSource Implementierung von netlify. Dies macht das Deployment von Webanwendungen extrem einfach. Als static HTML Page kann der Blog einfach per nginx:apline Image deployed werden.

Code-Beispiel

So funktionieren die Multi-Language Collections in 11ty:

eleventyConfig.addCollection("postsUnique", function (collectionApi) {
  const allPosts = collectionApi.getFilteredByTag("posts");
  const uniquePosts = new Map();

  allPosts.forEach((post) => {
    const slug = post.data.slug;
    if (!uniquePosts.has(slug)) {
      uniquePosts.set(slug, post);
    }
  });

  return Array.from(uniquePosts.values());
});

Das erstellt eine Collection, die eine Karte pro Post zeigt, auch wenn er in mehreren Sprachen existiert. Die Sprach-Badges zeigen, welche Versionen verfügbar sind.

Worüber möchte ich schreiben

Ich möchte über alles schreiben was mich interessiert, sowohl privat als auch veruflich.

Aktuell stehen daher die folgenden Themen auf der Liste

• IBM Verify Identity Access & weitere Themen aus meinem beruflichen Altag
• Haus Automatisierung
• Self-Hosting