GreggHume articles - 26 total
AWS S3 Change Url, Proxy Url, Map to Domain in 2024
It is not hard to map your ugly s3 url to your domain so you can have nice urls to share with your...
Prevent body from scrolling when a modal is open : css solution
The latest solution is to use css. We were graced with the overscroll-behavior property. But it is...
Svelte 5: Slot / children example
Svelte 5 has deprecated the slot tag. So now you have to use children, but its not clear how to do...
Whatsapp Webhook Setup and Nodejs Code Example
Solution If you are getting a validation error the problem is not with ngrok, localtunnel...
Vite: How to bundle / group chunks together
If you use a library like Svelte or Vue you might have noticed that Vite and Rollupjs create tons of...
Payfast API: Easy Nodejs signature and headers function
Lets be real, Payfast API is confusing and their documentation is too. If you want a nice reusable...
CSS: Fix a div center on the page
Sometimes you need to fix an element that you want to stay within the bounds of a container. Or you...
Strapi: Update user via api
To update a user via the api you can do the following: // route as...
Strapi: Create user via api
The functionality to create a user via api in Strapi 4 is already built in. Its just that the route...
Anyone else get bored of coding? How do you stay excited?
I am 35, I have been coding for 15 years and i am finding it boring now. How do you get past these...
Nextjs: How to check device serverside or know if mobile
I have different components that I render on Mobile vs Desktop. I like to dynamically import...
Nextjs: How to get url in getInitialProps
Heres the code: export const getInitialProps = ({ req, res, err }) => { let url = req ?...
MongoDB: How to get fullDocument from changeStream when a document is deleted
In order to get the full document in a watcher after deleting the document you need to enable collMod...
Nodejs: How much ram does a basic node app use?
The answer is: 32mbs of ram. I got this by setting up a basic node server (i am running node...
Vue 3 and Vite: ignore custom components code example
This is how you ignore custom elements in Vue 3 and Vite: // vite.config.js import vue from...
Vue 3, Nuxt 3 and Vite: Dynamic import components using api data
You want to dynamically import components based on some dataset or api call and perhaps wait for...
Easily record microphone on all devices
I have had an array of issues with mediaRecorder: Audio doesnt play on all devices or...
React: Page and router transitions
There are many articles online on how to do this, i found this one is the...
Browser: Fetch API Cors settings for server wildcard origin
Cors issues are a pain, especially if your server is allowing all but fetch is still throwing errors....
Google maps: MarkerClusterer and GridAlogrithm example
Here is an example of how to use the "@googlemaps/markerclusterer": // ...other imports and...
Google map loader api, how to include libraries like places
You want to include "drawing" | "geometry" | "localContext" | "places" | "visualization"? Here you...
Nuxt and Cloudflare, how to get SSR working (2 settings)
You have nuxt with cloudflare and might notice your pages are not server side rendering and are...
Simplest way to loop node list / HTMLCollection using map, foreach etc
You spread the list like this: const elements =...
Nuxt 2 dynamic sitemap with data from an api
You want to dynamically build your sitemap off some dataset / api then this is for you. Whether you...
Lazy load images, native solution, no javascript or plugins
Browsers now have native functionality to lazy load images. Just add the loading attribute to your...
jsonld in Nuxt 2, super simple, no plugins
On a page in the head method you can add jsonld like this: head() { return { script:...