Articles

Tutorials, Guides and thoughts

  1. How to create web maps with Leaflet, React and functional components

    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. Continue reading...
  2. 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 look at more content after they just read a post. Continue reading...
  3. How to create a custom cookie banner for your React application

    How I created and designed my cookie banner which hopefully will help you in creating your own for your Next.js or React application. Continue reading...
  4. 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. There are several approaches for implementing Adsense on a react site and I will show how you can add Adsense with privacy in mind. Continue reading...
  5. How to deploy your Gatsby 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...
  6. 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...
  7. How i constantly track my location and display a web-map with all the locations

    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...
  8. 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...
  9. 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...
  10. 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...
  11. 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...
  12. 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...
  13. 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...
  14. 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...
  15. 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...
  16. 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...
  17. 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...
  18. 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...
  19. Geography and GIS Blogs

    Here you will find a list of interesting and informative geographic and gis blogs. Continue reading...
  20. 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...
  21. 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...
  22. 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...
  23. 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...
  24. 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...
  25. 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...
  26. Download OpenStreetMap data as Shapefiles

    OpenStreetMap is the largest international project that aims to create a free world map. Continue reading...
  27. 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...
  28. First steps with React-Leaflet

    Leaflet is a free JavaScript library that can be used to create web GIS applications. Leaflet uses HTML5, CSS3 and is compatible with all common browsers. Continue reading...
  29. Satellite Imagery Download - High-Resolution

    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...
  30. 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...
  31. What is a shapefile? .shp, .dbf and .shx

    The shapefile format is a general format for storing vector data. Continue reading...
  32. Geodata - What are Geodata?

    Geodata is information with a spatial reference that can be used in a GIS, among other things. Continue reading...
  33. 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...