Articles on ReactJS,NodeJS andAWS

This is the preview image of the blog
NextJS Internationalization using Google Translator
In this article we learn the fastest way to internationalize your nextjs website for free using Google translator.
August 24, 2024
This is the preview image of the blog
9 Techniques to optimize a NextJS Website
In this article we discuss about optimizing a nextjs website. We see how different aspects of a production site can be optimized for improved performance.
August 20, 2024
This is the preview image of the blog
Using Digital Ocean Spaces as Strapi Storage
Setting up Strapi on Digital Ocean
May 10, 2024
This is the preview image of the blog
A Well Architected FastAPI Boilerplate
In this article we create a FastAPI boilerplate with Alembic,
February 20, 2024
This is the preview image of the blog
Using n8n with Docker Compose
We will see how we can run n8n locally using docker compose
February 18, 2024
This is the preview image of the blog
Scraping Amazon Product Reviews
For absolute beginners
January 4, 2024
This is the preview image of the blog
All about Postman Collection
How to create and Export Postman API’s
November 14, 2023
This is the preview image of the blog
Awesome Terminal Applications
This is a curated list of some useful terminal apps and how to use them.
November 12, 2023
This is the preview image of the blog
How To Choose Data Fetching Strategies In NextJS
Explained with real-world examples
November 9, 2023
This is the preview image of the blog
React useState hook from scratch
Let's learn the fundamentals of ReactJS
November 4, 2023
This is the preview image of the blog
The Greatest React Developer I Ever Met
We had our differences but still...
October 26, 2023
This is the preview image of the blog
Single Table Design with DynamoDB
The anatomy of the single-table design approach. Is it any good?
October 5, 2023
This is the preview image of the blog
Top 30 Modern UI Libraries for ReactJS
30 modern Libraries. All in one place
October 4, 2023
This is the preview image of the blog
Developing a Powerful Alert System Using React Context API
A practical example of React’s Context API in action
October 1, 2023
This is the preview image of the blog
Google Place Search in React
Implement google's place search API easily.
September 19, 2023
This is the preview image of the blog
My Frustrations With the Context API in React
And why I am going with Redux for my next project
September 13, 2023
This is the preview image of the blog
21 Best Practices for Handling Passwords in Web Applications
Build secure apps
August 25, 2023
This is the preview image of the blog
Top 7 Libraries for Blazingly Fast ReactJS Applications
Some must-have tools for a rock-star developer
August 18, 2023
This is the preview image of the blog
21 Best Practices for a Clean React Project
Practical advice for improving code quality
August 3, 2023
This is the preview image of the blog
How to Use React Hook Form with TypeScript
Build Performant and Clean Forms for Your Web Application
August 1, 2023
This is the preview image of the blog
Applying the Open-Closed Principle To Write Clean React Components
A look at the SOLID principles in action
August 1, 2023
This is the preview image of the blog
How To Improve Rendering Performance in a 1,000-Item React List
Let’s ensure that our web apps scroll efficiently
July 30, 2023
This is the preview image of the blog
Apply the Dependency Inversion Principle in React
Your React component knows too much. Let’s fix that
July 22, 2023
This is the preview image of the blog
A Complete Guideline to Creating a Modern React App With TypeScript From Scratch
You’re about to love create-react-app even more
July 8, 2023
This is the preview image of the blog
How to Apply Interface Segregation Principle in ReactJS
SOLID principles in action
July 4, 2023
This is the preview image of the blog
How to Create Animation using styled-components
Simple but elegant solution.
June 7, 2023
This is the preview image of the blog
Handle Docker Images Like A Pro
Using some basic Linux commands
May 10, 2023
This is the preview image of the blog
11 Unwanted Ridiculous NPM Packages
After reading, you will wish the same too
May 5, 2023
This is the preview image of the blog
Learning Solidity as a Javascript Developer
Let’s learn the basic solidity syntax
April 29, 2023
This is the preview image of the blog
AWS Cognito Authentication With NodeJS
We usually use a client-side library like aws amplify to manage all the authentication processes.
April 26, 2023
This is the preview image of the blog
Should You Use Redux in Next.js?
Learn if you should use Redux in NextJS
April 8, 2023
This is the preview image of the blog
Advanced Testing Setup for Enterprise React Projects
Use cases with React testing library, Redux, Router, etc
March 20, 2023
This is the preview image of the blog
3D Graphics in ReactJS and ThreeJS
We will learn how to render 3d models in ReactJS with react-three-fiber
March 13, 2023
This is the preview image of the blog
Best API Documentation Tools
A Guide to Navigating the World of Documentation Tools. Which ones are best?
March 10, 2023
This is the preview image of the blog
Learn WebSockets with NodeJS and ReactJS
Let's implement a WebSocket server with Socket.io, a popular NodeJS library for WebSocket servers
March 9, 2023
This is the preview image of the blog
End to end testing with ReactJS and Puppeteer
How setup puppeteer in a ReactJS application with a real world example.
March 4, 2023
This is the preview image of the blog
How to Setup Styled Components in NextJS
We will learn how to avoid the common issues with SSR
February 28, 2023
This is the preview image of the blog
Google Authentication with React
Implement google OAuth2 using React
January 24, 2023
This is the preview image of the blog
Don't use Java for Coding Interviews
You Should be Stupid or Stupidly Good to Use Java for Coding Interviews
November 30, 2022
This is the preview image of the blog
Frameworks Do Matter in Tech Jobs
You are Wrong, let’s have an honest discussion.
November 20, 2022
This is the preview image of the blog
How to Get Stripe Subscription Status using Email
Stripe don't provide any API directly to get the subscription status of a user using their email address. But we can do it using a trick.
November 16, 2022
This is the preview image of the blog
How to Create a Stripe Subscription with ReactJS and NodeJS
How to collect recurring payments from your customers using Stripe in ReactJS and NodeJS
October 31, 2022
This is the preview image of the blog
Aws Lambda that Reacts to S3 File Upload
In this article we are going to write a Lambda function that gets triggered when any file is uploaded to a certain S3 bucket. We will use AWS SAM to automate the process and make it easy.
October 26, 2022
This is the preview image of the blog
How to Use AWS S3 in NodeJS
In this article we will learn how to use aws s3 from a nodejs application. We will see how we can upload a file and download it. Along with progress bar and deleting capabilities.
October 25, 2022
This is the preview image of the blog
API gateway Proxy Integration vs Lambda Integration
In this article we will see the difference between AWS API gateway proxy integration vs lambda integration. We will also see how to do it using AWS CDK
October 13, 2022
This is the preview image of the blog
Refactor a 2,700-Line React Component
Practical example of a bloated component
October 8, 2022
This is the preview image of the blog
Kubernetes with NodeJS
Let's deploy a NodeJS application on Kubernetes Cluster
September 3, 2022
This is the preview image of the blog
Express and Database with Docker for Local Development
How to use Docker for Local NodeJS development with Database
August 25, 2022
This is the preview image of the blog
Dockerize a Express-Typescript Application
Everything you need to know about Docker with NodeJS
August 18, 2022
This is the preview image of the blog
Setup Eslint Prettier and Husky in NodeJS
Setup code quality tools in a painless way in typescript
August 1, 2022
This is the preview image of the blog
Audio and Video Recording with React
How to capture video and record audio and save to local device
July 8, 2022
This is the preview image of the blog
How to use FFMpeg with NodeJS and Docker
How to work with Audio and Video files in Node.js easily
July 2, 2022
This is the preview image of the blog
How to convert Audio files to Video in NodeJS
Power of FFMpeg with NodeJS
June 30, 2022
This is the preview image of the blog
Why NVM is Tremendously Helpful for Web Developers
Let’s see how to use it effectively in 3 minutes!
June 4, 2022
This is the preview image of the blog
Upload files to Google Cloud Storage from React
How to upload files to google cloud storage from a ReactJS application. We will use NodeJS server to do that.
May 24, 2022
This is the preview image of the blog
Add swagger to an ExpressJS application
Using swagger ui express for API documentation
May 19, 2022
This is the preview image of the blog
My OpenSource Blog that You Can Use Right Now
Here is how you can get your own version and the technical details.
May 19, 2022
This is the preview image of the blog
Using Sequelize with ExpressJS and PostgreSQL
Take advantage of modern ORM
May 16, 2022
This is the preview image of the blog
Ditch Your Boring Terminal and Make it More Useful
Have a beautiful terminal with auto-completion and search suggestions support.
May 13, 2022
This is the preview image of the blog
NodeJS Security Best Practices
How to ensure security for a NodeJS application
April 17, 2022
This is the preview image of the blog
Multiple Environment in NodeJS Application
Setup multiple environments for NodeJS application
April 16, 2022
This is the preview image of the blog
Production Grade NodeJS Logging
Setup log for a production grade NodeJS application
April 15, 2022
This is the preview image of the blog
Request Validation in ExpressJS
Using typescript classes and class-validator
April 11, 2022
This is the preview image of the blog
Error handling in a NodeJS application
Take advantage of NodeJS Error class to handle errors like a pro
April 10, 2022
This is the preview image of the blog
Upload files to Google Drive With React+NodeJS
We will leanr how to upload files to google drive in a ReactJS application. We will use a small nodejs backend to upload files to google drive.
March 31, 2022
This is the preview image of the blog
Kubernetes Basics for Beginners
Let's learn the absolute basics of Kubernetes
March 21, 2022
This is the preview image of the blog
Create a Express Boilerplate with Typescript
Bare minimum to get started with a backend API
March 19, 2022
This is the preview image of the blog
Docker Practical Cheat Sheet
Getting up and running with Docker with NodeJS and MySQL
March 19, 2022
This is the preview image of the blog
Create a NodeJS Boilerplate with Typescript
How to create NodeJS project from scratch with hot-reloading support
February 26, 2022
This is the preview image of the blog
Story of a Failed React Project
That Caused Disaster for Our Startup
February 15, 2022
This is the preview image of the blog
Refactor a React Component from 165 Lines to 30 Lines
Clean React Components with React Hook Form and Material UI
February 3, 2022
This is the preview image of the blog
Offline Search in ReactJS
Implement search for your tables and lists without API
January 7, 2022
This is the preview image of the blog
Scrape Website with NodeJS
Learn to scrape a website with NodeJS
January 6, 2022
This is the preview image of the blog
Production Checklist for NextJS
Techniques for a fast NextJS website
January 5, 2022
This is the preview image of the blog
Create Sitemap in NextJS
How to create sitemap for search engines in Nextjs
January 3, 2022
This is the preview image of the blog
Create Simple API With AWS CDK
How to use aws cdk to create API for your application
January 2, 2022
This is the preview image of the blog
Add Google Analytics with NextJS
How we can integrate google analytics into a NextJS application easily. Google analytics in NextJS will help us to track the growth of our website.
January 1, 2022
This is the preview image of the blog
Improve SEO in NextJS
Tips and Tricks to Improve SEO Performance
January 1, 2022
This is the preview image of the blog
Use AWS Lambda Middleware
DRY up your Lambda code using middleware
January 1, 2022
This is the preview image of the blog
Add Custom Fonts with NextJS
How to integrate any custom google fonts into a NextJS application. We can make our websites beautiful with custom fonts.
December 31, 2021
This is the preview image of the blog
Making DynamoDB Access Easy in NodeJS with ORM
Let’s learn how to use Dynamoose
December 16, 2021
This is the preview image of the blog
DRY Principle in Your AWS SAM Application with Middlewares
Take your lambda architecture to the next level
November 14, 2021
This is the preview image of the blog
Factors Behind a Great SEO Optimized Web Application
Learn which factors determine the SEO performance of an application
October 24, 2021
This is the preview image of the blog
How to Show Loader on Page Changes in NextJS
Keep your users engaged with a great visual response
October 19, 2021
This is the preview image of the blog
6 Free Websites to Test the Performance of Your Web App
Find problems and learn the best practices for free!
October 12, 2021
This is the preview image of the blog
How to Handle Different Environments in a NextJS Application
Everything you need to know about environment variables in Next.js
October 5, 2021
This is the preview image of the blog
How to Integrate Stripe with a React Application
Accepting and processing payment for your business was never this easy!
September 25, 2021
This is the preview image of the blog
React Query vs SWR
Which one should you choose for your next project?
September 10, 2021
This is the preview image of the blog
How to Reduce HTTP Calls From 15 Lines to 2 Lines Using React SWR
Drastically improve the user experience with less code
September 5, 2021
This is the preview image of the blog
React Interview Questions
Can you handle these ReactJS questions? Let’s find out!
August 20, 2021
This is the preview image of the blog
45 NPM Packages to Solve 16 React Problems
An in-depth guide on how to choose the perfect NPM package
August 8, 2021
This is the preview image of the blog
Think Twice Before Joining Large Companies as a Junior Engineer
Your Dream Job Can be Your Worst Investment for the Future!
June 22, 2021
This is the preview image of the blog
3 Easy Ways to Solve SEO Problems in React Applications
React is not suitable for SEO… or is it?
June 13, 2021
This is the preview image of the blog
3 AWS Services To Learn as a React Developer
Knowledge of the cloud will make you more valuable in the job market
May 23, 2021
This is the preview image of the blog
State Management in React with Recoil
Is it going to replace Redux? Let’s find out!
May 1, 2021
This is the preview image of the blog
How to Access Firebase From AWS Lambda
A Comprehensive Step by Step Guide
April 24, 2021
This is the preview image of the blog
Applying the Liskov Substitution Principle in React
A look at the SOLID principles in action
April 18, 2021
This is the preview image of the blog
Push Notification in ReactJS
In 5 steps Using Firebase
March 19, 2021
This is the preview image of the blog
Auto-generated Admin Panels for Node.js with AdminBro
Today we will see how we can have our admin panel within minutes without writing any front-end code
March 19, 2021
This is the preview image of the blog
Starting Career With Android was a Bad Idea
9 Reasons Why
March 17, 2021
This is the preview image of the blog
How to Access Private S3 Buckets Securely
Using pre-signed URL
March 8, 2021
This is the preview image of the blog
11 Ways to Improve Your Technical Resume
With some real-life example of common mistakes
March 6, 2021
This is the preview image of the blog
The 7 Traits of a Rock Star React Developer
Here are some things that separate a great developer from an average one
March 1, 2021
This is the preview image of the blog
How to Setup AWS Authentication for React Applications
Simple but Powerful
February 28, 2021
This is the preview image of the blog
5 DRY Principles To Follow In React
Share 5 techniques that I use personally to avoid duplication of code
February 21, 2021
This is the preview image of the blog
15 Rules for Writing Clean Comments
Common pitfalls to avoid as a programmer
February 19, 2021
This is the preview image of the blog
Download HTML as a PDF in React
In React we have some awesome libraries to help us.
February 18, 2021
This is the preview image of the blog
How to Upload Files to AWS S3 in React
We will see how we can quickly create an S3 bucket and upload files directly from our front-end React application
February 16, 2021
This is the preview image of the blog
Build a Full Stack GraphQL Application with React and Express
Create a boilerplate express application
February 9, 2021
This is the preview image of the blog
How To Learn New Technology
My 4-Step Recipe
February 4, 2021
This is the preview image of the blog
6 Regrets I Have As a React Developer
Things I wish I did earlier
January 31, 2021
This is the preview image of the blog
20 Essential Parts Of Any Large Scale React App
If you’re writing enterprise-level code, you need to know this
January 30, 2021
This is the preview image of the blog
Handle Multiple Environments in React
Maintain separate variables for separate environments
January 30, 2021
This is the preview image of the blog
Continuous Deployment Pipeline for React Apps
Using Github actions that will automatically build and deploy our website to aws s3.
January 27, 2021
This is the preview image of the blog
How to Setup VPC on AWS
Step by Step Guide for Absolute Beginners
January 25, 2021
This is the preview image of the blog
How to Run Queries 2600 Times Faster
Beginners Introduction to Database Indexing
January 24, 2021
This is the preview image of the blog
How to Setup and Add Google Analytics to your React App
Google has made it easy to gain insights into your web application
January 22, 2021
This is the preview image of the blog
How to Add Linting and Formatting for your React App
Get this right, otherwise, your code will have problems
January 19, 2021
This is the preview image of the blog
What Nobody Told Me About Software Design
What I Had to Learn from My Mistakes
January 17, 2021
This is the preview image of the blog
Using sudo Is Bad but What Can You Do About It
A Developers Guide to Utilize the Power of Linux
January 16, 2021
This is the preview image of the blog
Advanced React Optimization Techniques
Learn How to Avoid Common Pitfalls
January 15, 2021
This is the preview image of the blog
10 Lessons That Helped Me Grow As A Developer
Lessons from the Famous Book “The Pragmatic Programmer”
January 15, 2021
This is the preview image of the blog
First 5 Steps of Object-Oriented Design
Solutions for real-life problems and translate them into code.
January 10, 2021
This is the preview image of the blog
Document Your React Applications The Right Way
Learn how can we properly document our React applications very easily
January 3, 2021
This is the preview image of the blog
Static Site Generation in NextJS
Understand how static generation works in NextJS
January 1, 2021
This is the preview image of the blog
22 Best Practices for API Design
Learn the conventions of a clean API
December 31, 2020
This is the preview image of the blog
How to Design a Clean Database
18 best practices to keep names simple and consistent
December 31, 2020
This is the preview image of the blog
Implement multi-language Support in React
It is an important features of a good frontend application.
December 15, 2020
This is the preview image of the blog
How to Use Redis with Nest.JS
Redis is really fast powerful and easy database
December 15, 2020
This is the preview image of the blog
15 Rules For Writing Clean JavaScript
You can write code that is visually beautiful and understandable
December 12, 2020
This is the preview image of the blog
How I Reduced Docker Image Size from 1.43 GB to 22.4 MB
Learn some tricks about how we can reduce the image size and, at the same time, improve performance.
November 15, 2020
This is the preview image of the blog
Getting Started with Nextjs
Next.js gives you the best developer experience with all the features you need for production.
November 7, 2020
This is the preview image of the blog
Secure ReactJS Application on AWS
If you have a React app served over S3 you can secure it very easily using AWS service.
November 3, 2020
This is the preview image of the blog
How to Build an NPM package for React
Build and publish npm packages
October 29, 2020
This is the preview image of the blog
Using NGINX to serve React Application Static vs Reverse Proxy
Today we will see how we can serve our react app using Nginx in the ubuntu server.
October 27, 2020
This is the preview image of the blog
Creating a CI-CD Pipeline for a NodeJS Application with AWS ECR
We are going to set up a complete CI/CD pipeline for a NodeJS app using GitHub actions and amazon web services (AWS)
October 8, 2020
This is the preview image of the blog
Dockerizing a basic Node.js/Nest.js application
Nest.js is a Node.js framework that provides a structured approach to building applications, making it easier for multiple people to work on the same project. It follows a pattern for creating a project and separates different modules of the app. To get started with Nest.js, you need to install the Nest.js CLI, create a new project, run the application, create a new module, and create a new controller. Nest.js provides built-in features and integrations with other technologies, making it a powerful tool for building Node.js applications.
October 1, 2020