🌐 Datenstrom

For people who make small websites
Datenstrom Yellow is for people who make small websites.

Datenstrom (Code) is a project for people who make small websites. It might not be clear what that means at first, but it means if you're making a simple site (like this blog) and don't want to get in over your head with configuration and code – you'll probably like Datenstrom.

Datenstrom is built in PHP and from a time when websites were just files on a shared hosting machine behind Apache or NGINX. Some say we're still in those times.

Wondering what the name means? Your friendly neighborhood AI can help with that:

"Datenstrom" translates to "data stream" in English. It refers to the flow or transfer of data, typically in a digital context, such as through the internet or between components of a computer system.

Here's what the early sites looks like (back when Macbook Airs were a little more curved):

Datenstrom image (source: https://datenstrom.se/yellow/)

(Don't worry their themes are much more modern!)

Datenstrom is for building simple websites that look good (and have a bit of early-internet patina even), and it's easy to run because it uses files on your system and not much else.

πŸš€ Demo Time!

Datenstrom's got a demo site you can try right from your browser:

Try the demo
You can edit this page or use a text editor. Get help.

🌠 Features

Datenstrum is understated but it's got a bunch of features worth mentioning

  • Works with only files and folders (like a static site)
  • The site is editable online
  • Easy to install
  • Minimally Designed
  • It's got an API!

One of the examples with Datenstrom is below:

Example for image gallery with popup
Quid ex eo est consecutus laudem et caritatem Elegantis ornatus defuit? Ego vero, quoniam forensibus operis, laboribus, periculis non deseruisse mihi…

πŸ€– As described by AI

Datenstrom Yellow is an open-source project designed for individuals looking to create small websites. It prioritizes simplicity and efficiency, making web development accessible for users with varying levels of technical expertise. The project is licensed under the GPL-2.0 license, indicating that it is free to use and modify. It primarily uses PHP, JavaScript, CSS, and HTML, showcasing a versatile tech stack suitable for web development tasks.

πŸ“Ί Watch this

Datenstrom doesn't have any introductory videos, but how about some modern metal? Turns out a band named Mediokrist has a song with the same name (which translated is

πŸ‘Ÿ Getting started

The README for Datenstrom is pretty darn good and worth reading but we'll go into how to get started anyway.

Since Datenstrom is written in PHP, it's meant to be deployed straight onto a compliant webserver (one that understands PHP natively) so it's very simple to use.

First, download datastrom from Github (there aren't any official releases but you can use main or pin to a commit on main which is safer if you do multiple installs).

After you download yellow-main.zip you should see a file structure that looks like this:

yellow-main
β”œβ”€β”€ content
β”‚Β Β  β”œβ”€β”€ 1-home
β”‚Β Β  β”‚Β Β  └── page.md
β”‚Β Β  β”œβ”€β”€ 9-about
β”‚Β Β  β”‚Β Β  └── page.md
β”‚Β Β  └── shared
β”‚Β Β      β”œβ”€β”€ page-error-404.md
β”‚Β Β      └── page-new-default.md
β”œβ”€β”€ media
β”‚Β Β  β”œβ”€β”€ downloads
β”‚Β Β  β”‚Β Β  └── yellow.pdf
β”‚Β Β  β”œβ”€β”€ images
β”‚Β Β  β”‚Β Β  └── photo.jpg
β”‚Β Β  └── thumbnails
β”‚Β Β      └── photo-100x40.jpg
β”œβ”€β”€ robots.txt
β”œβ”€β”€ system
β”‚Β Β  β”œβ”€β”€ extensions
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ core.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ edit-stack.svg
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ edit.css
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ edit.js
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ edit.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ generate.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ image.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ install-blog.bin
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ install-language.bin
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ install-wiki.bin
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ install.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ markdown.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ serve.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ stockholm.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ update-current.ini
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ update-latest.ini
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ update.php
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ yellow-language.ini
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ yellow-system.ini
β”‚Β Β  β”‚Β Β  └── yellow-user.ini
β”‚Β Β  β”œβ”€β”€ layouts
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ default.html
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ error.html
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ footer.html
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ header.html
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ navigation.html
β”‚Β Β  β”‚Β Β  └── pagination.html
β”‚Β Β  └── themes
β”‚Β Β      β”œβ”€β”€ stockholm-opensans-bold.woff
β”‚Β Β      β”œβ”€β”€ stockholm-opensans-light.woff
β”‚Β Β      β”œβ”€β”€ stockholm-opensans-regular.woff
β”‚Β Β      β”œβ”€β”€ stockholm.css
β”‚Β Β      └── stockholm.png
└── yellow.php

13 directories, 40 files

Since it's a PHP site, that's all you need! Add the files to the appropriate folder being served by your Apache or NGINX instance, and you're off to the races.

πŸ§‘β€πŸ’» Want to contribute?

While Datenstrom does not have a public issue tracker, it does accept Pull Requests, and has over 25 contributors to date.

If you're ready to jump in, peruse the codebase and find/fix some bugs!