Articles

Tutorials, Guides and thoughts

  • Dockerizing a Next.js Application with GitHub Actions

    In this article, we'll explore how to Dockerize a Next.js application and automate its deployment using GitHub Actions, thereby simplifying the deployment workflow and enhancing development productivity.

    Continue reading...

  • Setting Up MapProxy with Docker and Serving Cached Tiles via Nginx

    MapProxy is a powerful open-source proxy for geospatial data that allows for efficient caching and serving of map tiles. Combining MapProxy with Docker and Nginx can provide a scalable and easily manageable solution for serving cached map tiles.

    Continue reading...

  • Mastering React and OpenLayers Integration: A Comprehensive Guide

    Unlock the full potential of interactive maps in your React applications by delving into the seamless integration of OpenLayers.

    Continue reading...

  • Optimizing images for Next.js sites with imgproxy and docker

    How to transform and optimize images with imgproxy hosted with docker for your Next.js application.

    Continue reading...

  • Building a Table of Contents (TOC) from markdown for your React blog

    How to create a Table of Contents (TOC) from markdown for your React blog with Javascript without any third party dependencies.

    Continue reading...

  • How to copy your Proxmox backups with AzCopy to Azure Storage Containers

    This article will explain to you how you can create an Azure Storage Account, prepare AzCopy locally and how to create a bash script which will be used to copy your local Proxmox Backups via AzCopy to an Azure Storage Account by a cost effective way.

    Continue reading...

  • Understanding Leaflet and React: A Guide to Web GIS Applications

    In this article I will explain how you can create a basic web map with Leaflet and React by using functional components without any third party packages. So i will strongly recommend to have a look at the Leaflet API reference.

    Continue reading...

  • How to create a custom cookie banner for your React application

    Recently I implemented a custom cookie banner solution on my Next.js site which you probably have seen a few seconds before. There are a lot of prebuilt cookie banners you can use for React or Next js sites but i wanted to create a custom cookie banner which also has some personal touch and keeps the design with the website in line.

    Continue reading...

  • How to build a related posts component for your React blog

    Some blogs have these related articles or posts sections where visitors can have a preview at more content after they just read a post. That's what I wanted to create for my personal website which is built with React (Nextjs) and in this article I want to show you how you also can do it for any other react application.

    Continue reading...

  • How to add Google Adsense to Next.js applications

    In this article I am going to explain, how you can implement Google Adsense in Next.js applications (or any other react applications). There are several approaches for implementing Adsense on a react site and I want to show you how you can add Adsense with privacy in mind.

    Continue reading...

  • How to deploy your GatsbyJS site on your own server

    With Gatsby 4 bringing in Server-Side Rendering (SSR) and Deferred Static Generation (DSG) you need an alternative methode to just hosting static files. Each page using SSR or DSG will be rendererd after a user requests it so there has be a server in the background which will handle these requests and build the pages if needed.

    Continue reading...

  • How to create a Mapnik stylesheet for displaying any data from PostgreSQL/PostGIS

    In this article i want to show you how you can build your own Mapnik stylesheet for displaying any data from PostgreSQL/PostGIS. The Mapnik Stylesheet XML can be used for a tile-server with your custom style.

    Continue reading...

  • Fetching and storing activities from Garmin Connect with Strapi and visualizing them with NextJS

    Step-by-step guide explaining how to fetch data from Garmin Connect, store it in Strapi and visualize it with NextJS and React-Leaflet.

    Continue reading...

  • A Guide to Location Tracking and Visualization with OwnTracks, Node.js, PostgreSQL, GeoServer, MapProxy, Nginx and OpenLayers

    Inspired by Aaron Parecki and who he has been tracking his location since 2008 with an iPhone app and a server side tracking API i decided to go for a similar approach. I wanted to track my position constantly with my Android smartphone and use the data to display a map with all locations i have ever been to.

    Continue reading...

  • Syntax Highlighting with Prism.js and Next.js

    Prism.js is a compact, expandable syntax highlighter that was developed with modern web standards in mind.

    Continue reading...

  • Hosting NextJS on a private server using PM2 and Github webhooks as CI/CD

    This article shows you how can host your Next.js site on a (virtual private) server with Nginx, a CI/CD pipeline via PM2 and Github Webhooks.

    Continue reading...

  • Build and deploy your Gatsby site with Google Cloud Build to Firebase

    Ultimate guide to automate your Gatsby builds with Google Cloud Build, deploying to Firebase and optional Cloud Scheduler.

    Continue reading...

  • Scaling and Cropping images using Python

    This articles shows you how to edit, crop and resize your pictures with a little Python script.

    Continue reading...

  • Remote Sensing and Image Classification

    Navigation devices, smartphones and weather forecasts are dependent on satellites and without these we have to rely on some services that make our everyday life easier.

    Continue reading...

  • Free FME-licence for private use

    FME (Feature Manipulation Engine) is a powerful and the most used spatial ETL tool for the migration and processing of spatial data and non-spatial data.

    Continue reading...

  • GatsbyJS with CI/CD Pipeline via Codebuild

    With the free tier for AWS you always get one active AWS code pipeline per month and 100 minutes of AWS code build per month with which you can create a CI / CD pipeline for a GatsbyJS site.

    Continue reading...

  • Using Google Adsense with GatsbyJS

    In general there are two possibilies to use Google Adsense on your GatsbyJS website Auto Ads and custom display blocks.Depending on whether you choose to include Adsense ads on certain spots or whether you will leave this job to the Google AI, you can choose one/and or the other.

    Continue reading...

  • GIS- and Geo-Database Management System options

    With the ever increasing amount of data, the question arises at some point how it can be managed effectively. GIS databases are used here.

    Continue reading...

  • GIS Applications - Which GIS Applications are there?

    In order to be able to work with digital maps or information geodata, a geographic information system is used. With GIS, geodata can be recorded, edited, analyzed and displayed appropriately.

    Continue reading...

  • Geography and GIS Blogs

    Here you will find a list of interesting and informative geographic and gis blogs.

    Continue reading...

  • GIS volunteering - Make the world a better place with GIS

    Volunteering offers a good opportunity to develop personally and professionally. You can also get involved in a good cause. You can later pack the projects into a pretty portfolio and thus stand out from the competition with extra points when applying.

    Continue reading...

  • Geo and GIS Podcasts to stay up to date

    Podcasts are a great way to keep up to date with current developments. Best of all, you can listen to podcasts practically anywhere.

    Continue reading...

  • Free, Open-Source and proprietary GIS software options

    In this post you will find a list of free and/or open-source and proprietary GIS-software options which are commonly used

    Continue reading...

  • How to create a Mailchimp newsletter sign-up-form for your Gatsby Site

    Managing your own newsletter is crucial for creating a sustainable online-business. With E-Mails you can build a relationsship with your audience and engage with them so they will drive some nice traffic to your new post or whatever you just have published and want to promote.

    Continue reading...

  • How to create a web-map with OpenLayers

    OpenLayers is a JavaScript library which allows you to visualize easily geodata in web applications (Web GIS).

    Continue reading...

  • Open-Source Web-GIS Applications

    Would you like to know which open source web GIS applications are used to share geodata over the Internet? Then you can find out more here.

    Continue reading...

  • Download OpenStreetMap data as Shapefiles

    OpenStreetMap is the largest international project that aims to create a free world map.

    Continue reading...

  • Export QGIS layers as images with PyQGIS

    With the help of PyQGIS processes such as the export of images for all layers from a map can be automated.

    Continue reading...

  • Access High-Resolution Satellite Imagery with Ease - Satellite Imagery Download Options

    For all those who do not yet know the relevant contact points for current satellite images, there are a few links here where you can download satellite images from around the world, mostly free of charge.

    Continue reading...

  • Host a static website with your own domain, AWS S3 and CloudFront

    With AWS (and in particular the free AWS contingent) you have the option of a static website with a custom domain for a few Hosting cents a month including CDN via CloudFront and CI/CD integration.

    Continue reading...

  • What is a shapefile? .shp, .dbf and .shx

    The shapefile format is a general format for storing vector data.

    Continue reading...

  • Understanding Geodata

    Geodata is information with a spatial reference that can be used in a GIS, among other things.

    Continue reading...

  • What is GIS? - Geographic Information System

    GIS refers to a system for displaying and processing spatial data, i.e. data to which a spatial location has been assigned.

    Continue reading...