Image of Max Dietrich
Hi, I’m Max Dietrich, GeoData Manager and Web-Developer from Rosenheim, Germany.
I am also a proud member of the IndieWeb community. Read more.

  1. Created an article explaining how i am fetching and displaying data from Garmin Connect with @strapijs and NextJS.

    #IndieWeb #Strapi #NextJS #Leaflet #GarminFitness

    https://mxd.codes/articles/fetching-and-storing-activities-from-garmin-connect-with-strapi-and-visualizing-them-with-next-js

  2. 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...
  3. Running on my own

    https://francescoschwarz.com/articles/running-on-my-own/

    In this article Francesco Schwarz is explaining how he fetches data from Garmin Connect and uses it to display runs on his website.

  4. Creating Accessible Forms

    https://webaim.org/techniques/forms/controls

    WebAIM provides some very interesting documentation on how to create a web with web accessiblity in mind.

  5. I just published a "now page" where you can find some additional information on what is currently keeping me busy.

    It's also showing live data about my current location and some weather data. Coordinates are tracked with OwnTracks and stored in Strapi These coordinates then are used to fetch weather data from OpenWeather. #IndieWeb #OwnTracks #Strapi #OpenWeather

  6. This tweet was published on my own site mxd.codes and syndicated on twitter via brid.gy. #IndieWeb #POSSE

  7. Simple Image Placeholders with SVG

    https://cloudfour.com/thinks/simple-svg-placeholder/

    Tyler Sticka published an article on cloudflour where he presents an awsome library he made which allows you to create svg placeholders for img-elements.

  8. Deep Dive Into My Stats Page

    https://sld.codes/articles/Deep-Dive-Into-My-Stats-Page

    Sam Larsen-Disney published an super interesting article about how he's is displaying stats like real time visitors, pageviews, theme toggles etc. and put that in some awsome UX where i also took some inspiration from.

  9. Using Webmentions in Eleventy

    https://mxb.dev/blog/using-webmentions-on-static-sites/

    A brilliant post by Max Böck on how to get incoming and outgoing Webmentions for example via Bridgy and webmention.io and how to handle and filter the data to be able to finally implement webmentions on your website.

  10. Syntax Highlighting with Prism and Next.js

    Prism is a compact, expandable syntax highlighter that was developed with modern web standards in mind. Continue reading...
  11. 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 server with a CI/CD pipeline via PM2 and Github Webhooks. Continue reading...
  12. 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...
  13. 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...
  14. 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...
  15. 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...
  16. 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...
  17. 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...
  18. 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...
  19. 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...
  20. Geography and GIS Blogs

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

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

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

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

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