You probably saw in one or two projects, aliases on typescript import statements, just like this:

So how can we achieve this kind of import on a NextJS project?

The latest versions of NextJS will have the 

You definitely saw the answer here, right?

I can show you an example of how to use it.

Thank you so much and I am looking forward to seeing you soon. 😉

And if you like content about Git, Linux, Productivity tips, Typescript, and Python please follow me 

Tutorial on using TypeScript aliases on import statements in NextJS projects.

NextJS Typescript Import Alias

We use command line interfaces every day, such as git, ls, grep, and so on.
CLI or Command Line Interfaces are usually the fastest way to solve a problem, even today with all the Graphical Interfaces.

Command Line Interfaces were created in the 60s when computers (Mainframes) interacted with the user by text-based interfaces, and today they keep being very important besides the GUI(Graphical User Interfaces) rise, mainly because CLI is fast, reliable, and can be stacked together to create a script.

, we will build a zero package CLI, and a CLI with the commander.js package, allowing us to create more complex, helpful, user-friendly Command Line Interfaces.

Bored stuff:


In this first part, I will show you how to use only NodeJS to get the CLI arguments and build a straightforward calculator. Okay, I know another calculator, but hold on, let's focus on the CLI instead of the calculator for this one.

If you are only interested in Commander.js, please go to 

To access the command-line arguments, you can use the 

 array provided by the Node.js runtime. This array contains the command-line arguments passed to the Node.js script, with the first argument being the path to the node executable and the second argument being the path to the JavaScript file being executed.

For us, the important arguments will be the third element forward.

Now, the final CLI will work in this way, we are going to call 

node procargvs.js -sum <number> <number> <number...>

Verify the type: sum, sub, div, mul, and fac.

Return the correct value for the operation.

The first point, get the arguments that start with 

, and the values are the rest of the arguments, e.g., 

The second point, verify the type: sum, sub, div, mul, and fac.

 are functions used to work out the result, they will be provided later. See 

Explanation: we are mapping over the options and verifying using a switch the type of operation, you can use an if statement too.

 package to handle all the arguments. And use the bin property on 

 to create a runnable CLI on your computer.
The CLI with the commander will be a little bit different, we are going to call like this 

node commander.js calculate -sum <number> <number> <number...>

Let's import and initialize the commander:

You can see that the commander package allows us easily to improve our CLI with a description of the program and for each command. It also pre includes a 

 will define the values after the option, in this case the numbers to calculate.

 will defined each possible option of the command. 

option(flags: string, description?: string, defaultValue?: string | boolean | string[])

Let's try to use the program now to see how it works:

Now that the CLI is working, let us wrap everything up and make it available to the PATH.

To accomplish this we are going to use the npm link command to link the local folder to the global package folder, with this we can test and run the cli without building and deploying.

We need to define the bin property on the package.json file. After that, we can start the linking process.

This is presuming that all the executables are inside 

As you can see at this point you are able to build a simple and effective CLI with NodeJs.

I hope I have made you more productive and able to improve and advance in your career.

We will review how to build a CLI with NodeJS and Commander.js.

NodeJS CLI with Commander.js

Once upon a time in your coding life, you wanted to send data from the terminal to your script. My main languages are Typescript and JavaScript, then usually fix problems with these two.

I will propose an example of how to read a file with 

 and then pipe the result of the cat to a NodeJS script.

itsbetma/how-to-pipe-into-nodejs (github.com)

 command line tool is a Unix/Linux utility that is used to concatenate files and print them to standard output. It can also be used to create new files and edit existing ones.

 command line tool is a Unix/Linux utility that is used to concatenate files and print them to standard output. It can also be used to create new files and edit existing ones. However, there are several other command line tools that are similar to 

 and can be useful for manipulating and displaying text files in various ways. Here are some of them:

: prints the first few lines of a file. This can be useful when you only need to see the beginning of a file and don't want to process the entire file.

: prints the last few lines of a file. This can be useful when you need to see the end of a file, such as when monitoring log files.

: prints a message or variable to the console. This is useful when you need to display a message or variable value in the console.

Piping data into a Node.js script can be a useful technique for passing data into a script from an external source. One way to pipe data into a Node.js script is to use the command line interface. To do this, first navigate to the directory where the script is located. Then, use the 

 command to read the contents of the file containing the data you want to pipe into the script. Finally, use the pipe operator 

 command as input into the Node.js script. For example, if your data is stored in a file called 

, you could pipe the data into the script using the following command:

 object to read the piped data. For example, the following code reads the piped data and logs it to the console:

 is used in a Node.js script to read the data that is piped into it through the command line. The script reads the piped data using the 

 method, which listens for data events occurring in the input stream. When the script receives data, it logs it to the console using the 

 method. This allows the script to process the data as necessary using JavaScript code.

Let’s assume that we have a file with a text inside called 

 what we want to accomplish is to hash using AES encryption the content of the file.

To handle all the hard work of the encryption we need the Crypto-JS package and a small change on the script:

Now use your imagination to pipe any type of data into NodeJS scripts. Let’s code.

And if you like content about Git, Linux, Productivity tips, and Typescript please follow me on Medium 

I will propose an example of how to read a file with cat and then pipe the result of the cat to a NodeJS script.

How to Pipe Data Into a NodeJS Script?

It has been a year since the day I started working on my actual job, and it was the first work that I need to use git, and from this day on I never stopped using it, it is just so amazing.

But one thing that frustrated me is that in some cases git commands can be very long or not intuitive. Also, some commands would show a lot of information that I did not want to see.

For example, the git status and git log commands would show consecutively something like this:

So I wonder if there is a better way of showing these pieces of information.

Let’s start with the simpler one which is 

, but first, we need to understand how to set git alias.

There are two ways of setting git alias, one of them is by commands in the terminal and another is by editing the 

 improvements with terminal commands would be:

But if you want to set the git alias with a text editor:

This command will open the default editor for git.

You can also open the ~/.gitconfig file with 

So with this new alias set, how can we use it?

Therefore with just a little bit of change in the 

 improvement, we will go a little bit forward and I will show you two types of an alias that I currently have.

This is my favorite of the two because it shows the HASH, Email, Date, and commit message.

You would be asking yourself what is the 

 command. Basically, this command demands an option that can be a placeholder, which is currently our option.

 placeholder stands for color, as you can see inside the parenthesis there is always a color name.

List of placeholders used in this command:

: Show to you which commit is the head of the local and origin.

: Show the subject of the commit message.

 alias, but it is a very good example of an alias because before I would need to write the full command and now I just need to write 

Explaining some of the git aliases that I have

 this means that the command next is Bash or Shell. With this, you can create functions and use operators like 

Where I work we use the staging and main as central branches, so every time I need to start working on something new I need to check out from one or another and this command helps me do this quickly.

This command deserves attention because it is one of the most used commands for me. Most of the time I commit some changes and think that everything is in place, but suddenly I discover that I forgot a console.log, commentaries, and so on.

Basically what he does is to add all changes to the last commit without changing the commit message.

Rename and save work together for me, the thing is that when you have changes they are not really saved and when you commit these changes they are now in a safer place. When working I use save to store information when I am going to leave for some time or stop working, but I always return and rename the last commit because you should never push a commit message 

Restore will simply uncommit the changes, but won’t throw away the changes.

Wipe I do not use a lot, but it is very useful. Wipe will add everything to a commit with a message of 

 and then reset to the commit before the wipe.

Then, if is not here, where can I find it? You can find typing 

And to add the commit content to your working branch:

As you can see git alias is very useful to short and to create new commands, the commands above are aliases that I personally use, but this should not prevent you from improving or creating your own git aliases.

I hope I could make you more productive with the git alias and understand better what it is, how to use it, and edit it.

https://gist.github.com/itsbetma/a350dca5eb20e07e4b90d7372b64da45

https://git-scm.com/book/en/v2/Git-Basics-Git-Aliases

It has been a year from the day I started working on my actual job, and it was the first work that I need to use git, and from this day on…

Productivity with Git aliases

This article will show you how to use RClone and cron to automated file backups in a Linux Operating System.

It is Friday past 6 PM and I needed to back up some work and school files to Google Drive. Yes, I use git for coding projects, but this kind of work is better kept in Google Drive. So I wondered if there was a quicker, simple, and automated way of doing backups to Google Drive, and interesting I found RClone.

How to automatically back up files every Friday at 6:30 PM.

Basically, RClone is a command-line computer program that can manage, transfer and sync files from your computer to cloud storage, or even between two cloud storage.

Cron is a command-line utility software with the main purpose of scheduling jobs. Jobs are cron command with two parts basically, the first one is the schedule expression and the last is the script to be executed. Usually, all Linux OS comes with cron installed, if not:

With cron, you can schedule a command or a shell script to run at a specific time, and that is what we going to do. Schedule an RClone command to run every Friday at 6:30 PM.

After installing RClone, let’s run the RClone configuration command.

Sign-in into your google account in the RClone popup.

Building a shell script to backup files to Google Drive

We are going to build a shell script that contains RClone command lines to sync folders from my computer to the Google Drive storage.

 directory, you can create in another place or even do not create, but it is a good idea to organize your scripts in one place. If you create in another place, just remind yourself to change the path in the next steps.

But if you want to use another text editor, just create a file named 

 file opened, let's write a line of code that syncs a folder from my computer to the Google Drive storage.

Now let’s dive into the explanations of the command.

Sync will copy the files from the source and send them to the destination, but will not modify the source, only the destination.

By default empty folders in the source are not synced, so to work around, this flag creates empty folders in the destination.

In the last part of the command, you have two paths separated by a space, the first one is the source path and the second one is the destination path. By now you should probably notice that the second path has a 

 name. So basically I am syncing data from my computer to Google Drive, using 

You can have multiple RClone configurations and this allows you to sync or copy files, not just from your computer to the cloud, but from one cloud to another. Just like this:

 the file works, just run the command below and check the destination has changed.

 working properly, let's understand how we can schedule the 

To schedule any job in cron we need to edit the crontab file, and to edit this file, open your terminal and type:

If you never used crontab, then you will have to choose a default text editor, in my case it is vim.

It will open the crontab file with your default text editor. When the file is open you will see only comments.

To schedule in cron you will need a specific type of expression. Below you will see the structure of the expression:

Examples — Expression to schedule a job (my_shell.sh) to run every Monday at 8:49 AM is:

If you want to run a job (my_shell.sh) from Monday to Friday at 11:26 AM you can write:

For more examples or to test if your expression will return the same logic as you expect, go to 

With the crontab file open type the line code below:

What this command does is, every Friday at 6:30 PM 

 will be called and it will back up my files to Google Drive.

By default the cron log file is located at:

And to see the cron log in this file run the code below:

This command will return something like this:

These messages only show which command cron ran if you want to see the 

 to create its own log file and write the content of it.

But assuming you want to log the cron message to a specific file, luck of yours I will show you how.

It is very simple to uninstall RClone from a Linux operating system, first of all, let’s find where the 

 configuration file is, to find the file run the command below.

It will list one or more RClone configuration paths.

And to finally remove RClone form the system:

This article will show you how to use RClone and cron to automate file backups in a Linux Operating System. 

Automated Backups with cron and RClone

Making a new project ready for development can be a little overwhelming, especially if you use React, Typescript, ESLint, and Prettier, but today I am going to help you set up your React project correctly in a simple way.

Usually, the problem is that every time you have to set up ESLint and Prettier you go to the web search for an article, and this article is probably not updated. Usually, they use a lot of plugins and non-default configurations.

We are going to use the basic configuration of ESLint and Prettier to have fewer headaches.

: used to create a ReactJS TypeScript project instead of JavaScript.

ESLint is a JavaScript linting open source project and is used to find problems and syntax issues in your code, it will help us find broken logic that would be found only in run time.

After installing the ESLint we have to initialize the config file:

Here we are going to answer some questions about our project:

Choose ‘To check syntax and find problems’ because later we are going to use Prettier to enforce code style as well.

Choose JavaScript modules mainly because ReactJS uses them.

Choose ‘Browser’ because ReactJS runs on the Browser.

Here you are free to choose any of the options, but I am going to use JSON as my format.

If you are using NPM then just select ‘Yes’, if not select ‘No’ then copy the packages and:

Right now the ESLint package created a .eslintrc file with the format you choose:

Before continuing we have to install TypeScript plugins related to ESLint and to do so:

if everything went well your eslintrc file should look something like this:

Let’s install prettier and then edit the eslint and prettier configuration files.

Prettier is a code style formatter, different from ESLint, Prettier only format the code style, and does not look for syntax problems.

max-len, no-mixed-spaces-and-tabs, keyword-spacing, comma-style

 are some popular formatting rules in Prettier.

no-unused-vars, no-extra-bind, no-implicit-globals, prefer-promise-reject-errors

In this case, I prefer ESLint to search for problems and syntax errors and let the code style for prettier.

After installing you have to create the prettierc file:

At this point you have a blank .prettierrc file and a default eslintrc file, so the next step is to configure the eslintrc file.

If you are going to use or you intend to use Jest in your project add the next lines to your ‘env’:

To use prettier alongside with eslint you need to change the extends object:

The main part of ESLint is the rules objects. Here you can put any rule you think is good for your project and team.

If you want to learn more about ESLint rules you can check out 

To use the plugins we have installed, update the plugins object in the eslintrc file:

The last thing to set up in ESLint is the 

. Just add the settings key in the eslint configuration file.

Lastly, we are going to set up the .prettierrc file created at the begging of the article.

My basic configuration for prettierrc file is:

But if you want to learn more check out the 

Finally, we have to add the scripts in the package.json:

lint: will search for problems, but will not fix

lint fix: will search and try to fix the problems.

format: will call prettier to fix the code style.

At this point, you probably have a fully working ReactJS project with linting. If you encounter some error or problem don’t hesitate in commenting below.

And if you like content about Git, Linux, Productivity tips, Typescript, and Python please follow me on Medium 

If you find this article useful share it with your friends and save it for later.

Making a new project ready for development can be a little overwhelming, especially if you use React, Typescript, ESLint, and Prettier

Itsbetma

NextJS Typescript Import Alias

NodeJS CLI with Commander.js

How to Pipe Data Into a NodeJS Script?

Productivity with Git aliases

Automated Backups with cron and RClone

ESLint + Prettier + Typescript and React in 2022