https://www.codemzy.com/blog Codemzy's Blog rss feed. Hello! I am Codemzy and I love to code. JavaScript is my favourite flavour. I blog about coding, software and my projects. https://www.codemzy.com/blog/missed-call-text-message-iphone https://www.codemzy.com/blog/missed-call-text-message-iphone Fri, 26 Jun 2026 08:48:00 GMT When I couldn't get iOS shortcuts to automatically reply to missed calls with a text message, here are three workarounds I came up with to respond to missed calls instead. https://www.codemzy.com/blog/iphone-shortcuts-sunrise-alarm https://www.codemzy.com/blog/iphone-shortcuts-sunrise-alarm Mon, 02 Mar 2026 11:03:00 GMT Here's how I built a sunrise alarm clock for travel using the Shortcuts app and the torch on my iPhone. https://www.codemzy.com/blog/mongodb-sort-exceeded-memory https://www.codemzy.com/blog/mongodb-sort-exceeded-memory Tue, 02 Dec 2025 13:28:00 GMT Here's how I fixed the `sort exceeded memory limit` MongoDB error without `allowDiskUse` by optimising the query, switching my find command to aggregation, and rearranging the order of my query. https://www.codemzy.com/blog/react-file-structure https://www.codemzy.com/blog/react-file-structure Thu, 02 Oct 2025 15:41:00 GMT In this blog post, I’ll discuss my current React file/folder structure for 2025, and the changes I have made, including getting rid of barrel files, consistent file naming strategies, and adding a features directory. https://www.codemzy.com/blog/case-insensitive-sort-mongodb https://www.codemzy.com/blog/case-insensitive-sort-mongodb Wed, 10 Sep 2025 16:06:00 GMT You can use the sort() method to tell MongoDB to order returned documents by the values of a field in alphabetical order - but it's case-sensitive by default. Here's how to get a case-insensitive sort with a collation index. https://www.codemzy.com/blog/webpack-change-contenthash https://www.codemzy.com/blog/webpack-change-contenthash Fri, 29 Aug 2025 09:47:00 GMT If browsers cache a corrupted version of your lazy-loaded bundles, you might need to force a reload. You can only change the `[contenthash]` if the code changes, but here's a workaround! https://www.codemzy.com/blog/heroku-h18-errors-nodejs https://www.codemzy.com/blog/heroku-h18-errors-nodejs Wed, 19 Feb 2025 16:50:00 GMT Do you get H18 errors in Heroku? Are you running a Node.js server? Me too! Here's how I finally got rid of those H18 errors, by checking the request has ended before responding. https://www.codemzy.com/blog/mongodb-convert-string-to-objectid https://www.codemzy.com/blog/mongodb-convert-string-to-objectid Wed, 11 Dec 2024 17:10:00 GMT ObjectId's are not strings in MongoDB, but they might get converted to strings when you send them to the browser. Here's how to convert them back, and fix any ObjectId strings saved in your database. https://www.codemzy.com/blog/fonts-alternatives-gdpr https://www.codemzy.com/blog/fonts-alternatives-gdpr Wed, 27 Nov 2024 17:01:00 GMT Google Fonts might not be GDPR compliant. Here are two alternative options (hosted and self-hosted) you can use instead, and how to set them up on your website. https://www.codemzy.com/blog/tiptap-page-break https://www.codemzy.com/blog/tiptap-page-break Fri, 08 Nov 2024 13:27:00 GMT I'm adding a simple way to create a page break in Tiptap. It's not a full paged display, but it allows users to force a page break before a heading or at the end of a chapter. https://www.codemzy.com/blog/reactjs-useref-width-height https://www.codemzy.com/blog/reactjs-useref-width-height Mon, 02 Sep 2024 16:50:00 GMT In this blog post, we will `useRef` to get the width and height of a DOM element in ReactJS. We will also add an event listener to listen to the resize event for width and height changes. https://www.codemzy.com/blog/mongodb-duplicate-key-error https://www.codemzy.com/blog/mongodb-duplicate-key-error Fri, 16 Aug 2024 11:45:00 GMT Unique indexes are useful in MongoDB for preventing duplicate data. Here's how I catch the duplicate key error so I can send a human-readable response to let users know what the problem is. https://www.codemzy.com/blog/javascript-random-number-code https://www.codemzy.com/blog/javascript-random-number-code Wed, 03 Jul 2024 16:35:00 GMT Here's a JavaScript function I built to create a random 4-digit OTP code with leading zeros. And how I extended it to create shorter and longer codes too! https://www.codemzy.com/blog/express-pretty-print-json https://www.codemzy.com/blog/express-pretty-print-json Thu, 27 Jun 2024 14:05:00 GMT Here are some ways you can pretty print your JSON responses to the browser with Express in Node.js - either globally or for a single route, using the `space` property of `JSON.stringify()`. https://www.codemzy.com/blog/nodejs-upload-files-digitalocean-spaces https://www.codemzy.com/blog/nodejs-upload-files-digitalocean-spaces Wed, 29 May 2024 14:00:00 GMT In this blog post, we will create a function to upload a file to DigitalOcean Spaces using Node.js and the AWS SDK. https://www.codemzy.com/blog/react-axios-interceptor https://www.codemzy.com/blog/react-axios-interceptor Fri, 17 May 2024 09:15:00 GMT Axios works great with React, but if you want to use hooks or context within your interceptors you might find it a little tricky. In this blog post, we'll look at a couple of ways you can get hooks in your interceptors, and create an axios context provider for React. https://www.codemzy.com/blog/react-auth-context-vs-react-query https://www.codemzy.com/blog/react-auth-context-vs-react-query Fri, 03 May 2024 16:27:00 GMT How do you handle authentication in your React app? In this blog post, I'll set up auth state with context and React Query - and then use them together for the best of both worlds! https://www.codemzy.com/blog/cloudflare-function-csp-report https://www.codemzy.com/blog/cloudflare-function-csp-report Fri, 12 Apr 2024 06:00:00 GMT Here's how I used Cloudflare functions to create a "report-uri" endpoint for my CSP policy. The Cloudflare worker gets the CSP violation report and logs it so I can review and react! https://www.codemzy.com/blog/response-body-from-fetch-in-javascript https://www.codemzy.com/blog/response-body-from-fetch-in-javascript Thu, 11 Apr 2024 14:50:00 GMT When you use the JavaScript Fetch API, `response.body` might not work like you hoped it would. So if you run into errors like "Cannot read properties of undefined (reading 'body')", this blog post will help you fix it! https://www.codemzy.com/blog/multiple-conditional-class-names-react https://www.codemzy.com/blog/multiple-conditional-class-names-react Thu, 21 Mar 2024 16:00:00 GMT The `className` prop can get pretty messy in React once you start adding multiple conditional class names to it. Here's how I use an array to avoid extra whitespace and confusing code.