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.
Created an article explaining how i am fetching and displaying data from Garmin Connect with @strapijs and NextJS.
#IndieWeb #Strapi #NextJS #Leaflet #GarminFitness
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...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.
Creating Accessible Forms
https://webaim.org/techniques/forms/controlsWebAIM provides some very interesting documentation on how to create a web with web accessiblity in mind.
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
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.
Deep Dive Into My Stats Page
https://sld.codes/articles/Deep-Dive-Into-My-Stats-PageSam 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.
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.
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...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...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...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...GIS vs CAD - The difference between GIS and CAD
Difference between CAD and GIS data. Continue reading...What is a shapefile? .shp, .dbf and .shx
The shapefile format is a general format for storing vector data. Continue reading...Geodata - What are 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...
