Writing a development blog: how I did it and what I learned
/ Communication, Development
This blog post shares how I wrote a dev blog, how it went, and what I learned from it. Are you going to do one too?
Hello there!
This human-written blog contains various things I've learned that are worth sharing. Enjoy and feel free to share your feedback.
Traffic Advice, .well-known/traffic-advice, and how to stop the 404 errors in a Next.js app
/ Development
Do you want to fix the 404s of /.well-known/traffic-advice in a Next.js app? What is the Chrome Privacy Preserving Prefetch Proxy?
Simple guide to implementing a place/address autocomplete input with Google APIs and React
/ Development
Making a location autocomplete input isn’t trivial, and even less with Google Cloud APIs. Here is a live demo and a step-by-step guide to do it with React
Unfurl: how to display link previews, like Notion shows web bookmarks, with Next.js
/ Development
Automatically displaying rich previews of highlighted links makes blogs and other content-driven websites much better. Let’s unfurl URLs and preview them using Next.js
Don’t store app state in the URL with the Next.js router
/ Development
Through sweat and pain, I found again and again that it’s a bad idea to use the URL to store app state for highly dynamic apps.
How to render images from the Notion API with Next.js image optimization
/ Development
Because the image links of the Notion API expire, we need to find solutions to keep Next.js image optimization working with them.
How to generate an RSS feed with Next.js
/ Development
With Next.js plus one dependency to produce the XML, today it’s so easy to produce an RSS feed. Check out how and copy an example.
How to make large dynamic sitemaps with Next.js and next-sitemap
/ Development
With next-sitemap and rewrites, we can easily generate dynamic sitemaps for thousands of user-generated content URLs.
An elegant pattern to implement Authorization checks in React
/ Development
After seeing different ways authorization can be implemented, this is the best approach I’ve found to implement modular, plug-and-play, consistent access control checks.
How to set up the Brevo (Sendinblue) tracker in a React TypeScript application
/ Development
Implement Brevo (formerly Sendinblue) in your React TypeScript app faster by not needing to figure out these issues on your own.
When to write tests in the frontend, as a freelancer
/ Development
Here’s how I keep frontend testing useful without overdoing it.
[Deprecated] How to prevent a Planetscale database from going into Sleep Mode with the free Hobby Plan
/ Development
Planetscale’s free Hobby plan makes inactive databases go into sleep mode. How to prevent it? Automation! Here are the steps to prevent your small project database from going into sleep mode.