Using path aliases with React Native

Path aliases in React Native

While your project scales you'll find yourself deep into the folder structure and looking at your imports from the deep down will be confusing. Plus let's face it, since IDE handles them for the most part it just looks bad as you scroll down from the top. Nevertheless it is a good practice to use aliases for your imports.

You can start with adding babel-plugin-module-resolver to your project.

yarn add -D babel-plugin-module-resolver

Adding typescript support is essential and pretty easy. Open your tsconfig.json file and add; Read More


CSF Blacklist Configuration | Cyberpanel

The web is a crazy place to let your server be accessed by anyone. At least known abusive IP addresses shouldn't access your server. For that purpose, you can install CSF from your Cyberpanel dashboard (if you haven't installed it yet) and automate blocking never-ending abusive IPs from a daily updated list. Read More


Enabling Upptime Telegram Notifications | BotFather

Upptime Telegram Notifications

Upptime is a very useful tool for website uptime monitoring. If you are not getting notified when your websites are down, there is no point in tracking them in the first place.

Creating a bot is fairly easy. You can start the process by just writing to @BotFather and following the instruction. After the bot creation, you should have your bot token. You should also start the chat for your newly created bot with /start (or writing anything would work too). Read More


Cyberpanel | Custom 404 pages

Cyberpanel Custom 404 pages

Using CyberPanel has been a pretty decent experience for me but I hated seeing those OpenLiteSpeeds 404 pages for my website. So like any obsessive sane person, I started looking for a way to use my existing 404.shtml pages but adding rules to .htaccess didn't override the default 404 pages. Looking through many comments, I finally found a way to point the 404 to my custom files. Here's how you do it. Read More


React Native Fonts | How to install 0.69+

React native fonts 0.69+

Prior to version 0.69, we were using npx react-native linkcommand to copy the resources to the native side among other things. But let's face it, we stopped using that command for anything else a long time ago because of auto-linking.

Well, now it is changed again because the link command doesn't exist anymore. I keep forgetting how, so not to search and spend some unnecessary time I'll have it here where it is handy for me, maybe for you too. Read More