Hi dev.to, in my first article I want to give you a brief summary of 5 tools I recently tried out. If you like this, I will probably release articles of this kind on a monthly basis. If you are keen on more tools in the meantime, you can have a look at Turtle (https://turtle.community), which is where these discoveries come from.
Ok this is just an online book (https://hpbn.co/), but a pretty useful one, and it is open-source and it is a PWA. This book is on the basic building blocks of the internet, but from a very top-down approach. It is a very good introduction, if you want to get some basic knowledge on TCP, UDP, TLS, HTTP, Websockets, WebRTC and many more. It is a perfect balance between not too technical so that it is fun to read, while also giving you enough vocabulary and basic understanding to dive deeper if you want.
This website (https://undraw.co) is incredible. It offers a huge amount of open-source SVG illustrations, which are perfect for creating a landing page. You can easily search for different categories, edit the colors, and download the pictures. They are free of attribution requirements. The nice part is that you can easily edit, combine and compose the elements by opening the SVGs with e.g. Inkscape, so that you can create your own creations. Because these illustrations are SVGs, they have a very small file size and are infinitely zoomable.
This open source tool (https://goaccess.io/) is perfect for visually analyzing your server log files. It reads your logfiles and outputs a html file with a dashboard of graphs showing statistics like, unique visitors, most consumed endpoints, ip addresses, geo-locations, top referrers and many more. The good part of this tool is, that it is incredibly versatile because it does not need an extra server for log collection, you can just tail and pipe your log files to it. It took me only an evening to set up correctly and is much better than ELK stack or Grafana Loki when you do not have a giant infrastructure. You do not need cookies or Google Analytics anymore to get insightful data of your app.
Cookie Consent (https://github.com/osano/cookieconsent) is an open source solution to display a cookie banner on your website which is compliant with EU or GDPR. You can easily add it to your project as an npm package. It then exposes a very simple API to configure your banner. With a bit of CSS you have your custom cookie banner in no time.
The last discovery in this list is a hosting provider (https://www.netcup.eu/). I have really good experiences with hosting here, because it is reliable, modern and quite cheap. The point is, that when looking for hosting providers you have to go through endless lists and reviews (most of them advertisements) and in most cases you only find the real popular ones. So if you want to self-host check it out, you might like it.