[DMWN #9] - Learn how to setup Internationalization in NextJS applications
Merry new week.
I trust that last week was great for you.
Today’s newsletter’s coming a bit late. I apologize for that. I had to publish some content today that I couldn’t during the weekend.
Here’s what I have for you, today.
What I did last week 😇
I created a video on Internationalization (i18n) in NextJS apps using next-intl. In this video, I explain the relevance of i18n and how to set up different translations for your application using
next-intl
:26th June, this year made it 2 years since I started writing technical articles. I wrote an anniversary article where I gave some self-appreciation messages, a little background story to my writing journey, things I’ve learned/achieved, and also few tips on how to get started for anyone interested.
Featured Articles ✍️
How to build a Markdown plugin for your Gatsby blog: Gatsby supports custom markdown plugins that hook into the markdown-to-html transformation and modify things. In this article, I explain how to go about that.
The concept of middleware in Express: Middleware is a common technique used in Express and other frameworks to allow some middle-operation before operations. In this article, I explain concisely what it means.
Some Javascript features are actually Browser APIs: With the number of things JavaScript is doing on the web today, it’s common to believe that JavaScript is doing them all by itself. But that’s not true. In this article, I explain how the browser helps in giving JavaScript access to some of the amazing things we see on the web.
Featured Tools 🛠
vscode-random: a VSCode extension that allows you to paste random characters from numbers to letters to hexadecimal codes for colors and many more.
Useful hacks/tips ✨
Using uppercase for HTML texts can affect accessibility in applications. This is because screen readers may mistake words to be acronyms. For example, a sentence like “FOLLOW US” may be read by the reader as “Follow U S”—the U S seeming like an abbreviation for the United States. For this reason, it is good practice to have your HTML texts in small or capitalized letters (not uppercase) and then styling with CSS (
text-transform: uppercase
). Here’s more info.Easily reference the previous git branch you were on with “
-
” (minus sign, an alias for@{1})
. Here’s the release note for this feature. This means you can do things likegit checkout -
to checkout the previous branchgit merge -
to merge the previous branchgit rebase -
to rebase the current branch with the previous branchbasically anywhere a name of a branch is required, you can use this sign to reference the previous branch
A new week, another opportunity to do amazing things! So go do amazing things 🚀
Do have a splendid week 🌟