Code Briefly

In this article, we will discuss "How to Add a New Key-Pair to an AWS EC2 Instance for SSH" . After creating an AWS EC2 instance , you might want to setup multiple SSH accounts for each user. Then you have to create new Key-Pairs, when you think that the user doesn't need to connect via SSH into AWS instances, you can delete the key pairs directly from the AWS EC2 Instance Console. You have to check my previous article for a better understanding of SSH connectivity. How to Use SSH with AWS EC2 Instance? Create Key Pair Login to your AWS Management Console, then go to EC2 Management Console. After that go to "Network & Security" in the navigation pane and click on the "Key Pairs" . Here, you can find the existing key pairs and you can search any key pair using the search field via key pair name. For new key pair, click on the "Create key pair" button. Now, you are redirected to the "Create key pair" form. Here, add the key na...

In this article, we will discuss "How to Use SSH with AWS EC2 Instance?" . As I already explain the setup of EC2 Instance and the use of an Elastic IP in my previous article. Today, we will learn how to connect an EC2 instance using SSH. If still, you have not read my previous articles then I recommend checking them once for a better understanding. Prerequisites A running EC2 Instance . Elastic IP (Optional for this article) ".pem" file, which is downloaded when setup the EC2 Instance. If not having the ".pem" file, then you have to create new key/value pairs. Connect via Terminal or WSL(Window Subsystem for Linux) Open your terminal and go to the directory where you downloaded your ".pem" file. Use the following command to connect with the server. ssh -i "****.pem" username@<publicDNS> or <IP Address> The same terminal command can be used in the windows Linux terminal. I'm using ubuntu on my windows machine...

In this article, we will discuss "How to Manage Elastic IP in AWS?" . Here, you will learn the use of Elastic IP addresses and how to assign it to your EC2 Instance. If you are new with EC2 Instance then check out my previous article, "How to setup an EC2 Instance on AWS" . EC2 (Amazon Elastic Compute Cloud) provide us an ability to create, start, stop and terminate the instance at any time. This will creates a challenge with IP addresses, because restarting an instance or replacing a terminated instance with newly created instance, will result in a new IP address. Now the question is "How to reference a machine when the IP is constantly change?" . We can handle this situation with the use of Elastic IP address. We can associate a single Elastic IP address to different Ec2 Instances. You can immediately associate a new Ec2 Instance with the Elastic IP address if the EC2 instance is stopped or terminated. After the back-end EC2 instance changes, our exist...

In this article, we will discuss "How to Setup an EC2 Instance on AWS?" . An Amazon EC2 instance is a virtual server in Amazon's Elastic Compute Cloud (EC2) for running applications on the Amazon Web Services (AWS) infrastructure. It provides scalable computing capacity in the Amazon Web Services (AWS) Cloud. There are four main options to purchase Amazon EC2 Instances such as On-Demand Instances, Reserved Instances, Spot Instances, and Savings Plans. Basically, Amazon Elastic Compute Cloud (EC2) is the Amazon Web Service we use to create and run virtual machines in the cloud. Amazon provides EC2 instances under the free tier, it includes 750 hours of Linux and Windows t2.micro instances. For more details on the free tier click here . After the free tier period is over, AWS charged us as per the instance configuration. Click here to check the pricing details. Prerequisites AWS Account AWS Management Console Access Login to AWS Management Console Login to your AWS ...

In this article, we will discuss "How to Setup TailwindCSS in Angular" . "TailwindCSS" is known as utility first CSS framework, we can rapidly build modern websites without ever leaving the HTML. TailwindCSS is different from other CSS frameworks like Bootstrap, etc. You can create whatever you want as per the required UI using the given utility class (CSS class). Setup Angular Project You can use the following "ng new" command into the terminal to setup the Angular project. ng new ng-project You can skill this step if already have a running Angular project. Install tailwindcss Install tailwindcss via the following npm command. npm install -D tailwindcss postcss autoprefixer Then run the "npx init" command to generate a tailwind.config.js file. npx tailwindcss init Configure template paths Update the following code snippet to tailwind.config.js . content: [ "./src/**/*.html,ts", ], Update style.css Open "scr/style.css" a...

In this article, we will discuss "How to fix the color swatch issue in Shopify" . Mostly, Shopify  themes provide a color swatch feature on the product and collection page. Color swatches replace the traditional dropdown for variant option color. However, if you are using some color names that are non-standard (like "Ivory", "zebra black", "denim blue" for instance), you will realize the color swatch appears white, as per the given screenshot.   Steps to fix the color swatch issue The basic reason for the issue, the theme can't guess which color to display. To make it work, please follow the given steps. You have to create your small image for the color and size should be (64px * 64px). Name the image according to the name of the variant color but keep the filename in lowercase and replace any spaces in the name with a hyphen. For example: A variant named: Ivory requires an image named: ivory.png. A variant named Zebra Black re...