Javascript

Posts tagged with Javascript

  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 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...
  3. 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...
  4. 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...
  5. 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...
  6. 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...
  7. 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...
  8. 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...
  9. 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...