A Headless CMS (Content Management System) is a system where the backend (content management) is completely separated from the frontend (content presentation).
Backend and frontend are tightly coupled.
You create content in the system and it's rendered directly using built-in themes and templates with HTML.
Pros: All-in-one solution, quick to get started.
Cons: Limited flexibility, harder to deliver content across multiple platforms (e.g., website + mobile app).
Backend only.
Content is accessed via an API (usually REST or GraphQL).
The frontend (e.g., a React site, native app, or digital signage) fetches the content dynamically.
Pros: Very flexible, ideal for multi-channel content delivery.
Cons: Frontend must be built separately (requires more development effort).
Websites built with modern JavaScript frameworks (like React, Next.js, Vue)
Mobile apps that use the same content as the website
Omnichannel strategies: website, app, smart devices, etc.
Contentful
Strapi
Sanity
Directus
Prismic
Storyblok (a hybrid with visual editing capabilities)
A Single Page Application (SPA) is a web application that runs entirely within a single HTML page. Instead of reloading the entire page for each interaction, it dynamically updates the content using JavaScript, providing a smooth, app-like user experience.
✅ Faster interactions after the initial load
✅ Improved user experience (no full page reloads)
✅ Offline functionality possible via Service Workers
❌ Initial load time can be slow (large JavaScript bundle)
❌ SEO challenges (since content is often loaded dynamically)
❌ More complex implementation, especially for security and routing
Popular frameworks for SPAs include React, Angular, and Vue.js.
Puppet is an open-source configuration management tool used to automate IT infrastructure. It helps provision, configure, and manage servers and software automatically. Puppet is widely used in DevOps and cloud environments.
✅ Declarative Language: Infrastructure is described using a domain-specific language (DSL).
✅ Agent-Master Architecture: A central Puppet server distributes configurations to clients (agents).
✅ Idempotency: Changes are only applied if necessary.
✅ Cross-Platform Support: Works on Linux, Windows, macOS, and cloud environments.
✅ Modularity: Large community with many prebuilt modules.
A Puppet manifest (.pp file) might look like this:
package { 'nginx':
ensure => installed,
}
service { 'nginx':
ensure => running,
enable => true,
require => Package['nginx'],
}
file { '/var/www/html/index.html':
ensure => file,
content => '<h1>Hello, Puppet!</h1>',
require => Service['nginx'],
}🔹 This Puppet script ensures that Nginx is installed, running, enabled on startup, and serves a simple HTML page.
1️⃣ Write a manifest (.pp files) defining the desired configurations.
2️⃣ Puppet Master sends configurations to Puppet Agents (servers/clients).
3️⃣ Puppet Agent checks system state and applies only necessary changes.
Puppet is widely used in large IT infrastructures to maintain consistency and efficiency.
Twig is a powerful and flexible templating engine for PHP, commonly used in Symfony but also in other PHP projects. It helps separate logic from presentation and offers many useful features for frontend development.
{{ }})Twig uses double curly braces to output variables:
<p>Hello, {{ name }}!</p>→ If name = "Max", the output will be:
"Hello, Max!"
{% %})Twig supports if-else statements, loops, and other control structures.
{% if user.isAdmin %}
<p>Welcome, Admin!</p>
{% else %}
<p>Welcome, User!</p>
{% endif %}Loops (for)
<ul>
{% for user in users %}
<li>{{ user.name }}</li>
{% endfor %}
</ul>Twig supports "Base Layouts", similar to Laravel's Blade.
base.html.twig)<!DOCTYPE html>
<html>
<head>
<title>{% block title %}My Page{% endblock %}</title>
</head>
<body>
<header>{% block header %}Default Header{% endblock %}</header>
<main>{% block content %}{% endblock %}</main>
</body>
</html>Child Template (page.html.twig)
{% extends 'base.html.twig' %}
{% block title %}Homepage{% endblock %}
{% block content %}
<p>Welcome to my website!</p>
{% endblock %}→ The blocks override the default content from the base template.
You can include reusable components like a navbar or footer:
{% include 'partials/navbar.html.twig' %}Twig provides many filters to format content:
| Filter | Beispiel | Ausgabe |
|---|---|---|
upper |
`{{ "text" | upper }}` |
lower |
`{{ "TEXT" | lower }}` |
length |
`{{ "Hallo" | length }}` |
date |
`{{ "now" | date("d.m.Y") }}` |
Twig automatically escapes HTML to prevent XSS attacks:
{{ "<script>alert('XSS');</script>" }}→ Outputs: <script>alert('XSS');</script>
To output raw HTML, use |raw:
{{ "<strong>Bold</strong>"|raw }}The View is the presentation layer in the MVC architecture. It is responsible for displaying data from the Model in a user-friendly format.
✅ Displaying Data: Shows information from the Model (e.g., a list of blog posts).
✅ Reacting to User Interactions: Accepts user input and sends it to the Controller.
✅ Formatting & Layout: Structures content using HTML, CSS, or templating engines (e.g., Laravel Blade or Twig).
✅ Avoiding Business Logic: Contains only presentation logic, not data processing.
<!-- resources/views/blog/index.blade.php -->
@extends('layouts.app')
@section('content')
<h1>Blog Posts</h1>
@foreach ($posts as $post)
<div>
<h2>{{ $post->title }}</h2>
<p>{{ $post->content }}</p>
</div>
@endforeach
@endsection🔹 @foreach: Loops through the list of blog posts and displays them.
🔹 {{ $post->title }}: Outputs the title of the blog post.
✔ The View is responsible for presentation but does not process data.
✔ It ensures a clear separation between logic and display.
✔ Using templates or frontend technologies (e.g., Vue.js, React), the View can be dynamically rendered.
Model-View-Controller (MVC) is a software architecture pattern that divides an application into three main components:
✔ Better maintainability through a clear separation of concerns.
✔ Reusability of components.
✔ Easy testability since logic is separated from the interface.
✔ Flexibility, as different views can be used for the same model.
MVC is widely used in web and desktop applications, including:
Entity headers are HTTP headers that provide information about the body of a message. They can appear in both requests and responses, describing properties of the content such as type, length, encoding, or last modification date.
1. Content-Type
Content-Type: application/json; charset=UTF-82. Content-Length
Content-Length: 10243. Content-Encoding
Content-Encoding: gzip4. Content-Language
Content-Language: de-DE5. Cache-Location
Content-Location: /files/document.pdf6. Last-Modified
Last-Modified: Tue, 30 Jan 2025 14:20:00 GMT7. ETag
ETag: "abc123xyz"8. Expires
Expires: Fri, 02 Feb 2025 12:00:00 GMT9. Allow
Allow: GET, POST, HEAD10. Refresh (Not standardized but often used)
Refresh: 10; url=https://example.comThese headers help describe the content of an HTTP message, optimize caching strategies, and ensure correct rendering.
The Iris Framework is a modern, high-performance web framework for the Go (Golang) programming language. It’s commonly used to build web applications, APIs, and microservices. Iris focuses on speed, flexibility, and ease of use, providing a variety of features to streamline development.
High Performance:
Ease of Use:
Feature-Rich:
Extensibility:
Flexible Routing:
File Server and WebSockets:
Developer-Friendly:
Iris is particularly suitable for developers looking for a fast and reliable solution to build web applications. It combines Go's speed with a developer-friendly API, saving time and effort.
The Flask Framework is a popular, lightweight web framework for the Python programming language. It's widely used for developing web applications and APIs and is known for its simplicity and flexibility. Flask is a micro-framework, meaning it provides only the core functionalities needed for web development without unnecessary extras. This keeps it lightweight and customizable.
Flask-SQLAlchemy or Flask-Login.Flask is particularly suited for:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello, World!'
if __name__ == '__main__':
app.run(debug=True)Compared to Django (a more comprehensive Python web framework), Flask is less opinionated and provides more freedom. While Django follows a "batteries-included" philosophy with many features built-in, Flask is ideal when you want to build only the parts you need.
A sitemap is an overview or directory that represents the structure of a website. It helps both users and search engines to better understand and navigate the content of the site. There are two main types of sitemaps:
sitemap.xml) listing all URLs on the site, often including additional information like:
Kirby CMS
