Blog

Implementing Cookie-Based JWT Authentication in a tRPC Backend
Featured
Implementing Cookie-Based JWT Authentication in a tRPC Backend

Authentication is an important part of a full-stack app. This is the only thing left before you can call yourself a full-stack developer or engineer or whatever...

#trpc
#jwt
My 2025 Tech Stack: Tools & Tech I'm Using This Year
Featured
My 2025 Tech Stack: Tools & Tech I'm Using This Year

Happy New Year! In this article, I shared all the tech I used and going to use this year to build awesome products.

#devtool
#tools
Setting Up Drizzle & Postgres with tRPC and Next.js App
Setting Up Drizzle & Postgres with tRPC and Next.js App

In this tutorial, let's learn how to connect a Postgres database to a tRPC express backend using Drizzle ORM. I have also created a simple frontend for our fina...

#drizzle
#postgresql
Let's Build a Full-Stack App with tRPC and Next.js 14
Let's Build a Full-Stack App with tRPC and Next.js 14

Are you a typescript nerd looking to up your full-stack game? Then this guide is for you. The traditional way to share types of your API endpoints is to generat...

#nextjs
#expressjs
Introducing Publish Studio: Power Digital Content Creation
Introducing Publish Studio: Power Digital Content Creation

Say “Hi” to Publish Studio, a platform I’ve building for the past few months. If you are a content writer, then you should definitely check it out. And if you a...

#productivity
Deploying a MERN App to AWS Elastic Beanstalk with CI/CD
Deploying a MERN App to AWS Elastic Beanstalk with CI/CD

In the previous article "Automate MERN App Deployment with GitHub Actions CI/CD", we learned till pushing images to the docker hub. So far, you've done an excel...

#aws
#elasticBeanstalk
Automate MERN App Deployment with GitHub Actions CI/CD
Automate MERN App Deployment with GitHub Actions CI/CD

As you continue to develop your software, you must also continue to integrate it with previous code and deploy it to servers. Manually doing this is a time-cons...

#cicd
#devops
How Feature Flags Can Help You Ship Faster and Smarter?
How Feature Flags Can Help You Ship Faster and Smarter?

Are you tired of long development cycles and hesitant to push new features to production? Feature flags may be the solution you're looking for. In this blog pos...

#configcat
#featureflags
Dockerizing Your MERN Stack App: A Step-by-Step Guide
Dockerizing Your MERN Stack App: A Step-by-Step Guide

Are you tired of spending hours messing with crontabs and installing packages in an attempt to run your app locally? Are you sick of always missing a dependency...

#docker
#devops
Top Mobile Apps for Developers: Boost Your Productivity
Top Mobile Apps for Developers: Boost Your Productivity

I previously shared several open-source tools, productivity tools, and full-stack tools that help developers be more productive. We go even further in this arti...

#productivity
#devtool
One Year of Writing: A Look Back and a Look Forward
One Year of Writing: A Look Back and a Look Forward

It was 18th October 2021, I published my first article on dev.to. I literally have no idea how to write a technical article then. But I kept doing it learning f...

#writing
All types of POST Requests with API Tester mobile app
All types of POST Requests with API Tester mobile app

Post requests are the most common types of requests that we perform on the internet and it is very useful in our day-to-day work life. These methods are those w...

#api
#apiTester
How to write tests in full-stack MERN web application
How to write tests in full-stack MERN web application

Only by writing tests can you understand the significance of testing. No coding Bootcamp or course, as far as I know, teaches you how to write tests. Writing te...

#mern
#tutorial
Adding Authentication to full stack MERN web application
Adding Authentication to full stack MERN web application

This article is part 2 of “Let’s build and deploy a full stack MERN web application”. In that tutorial, we created an application called Productivity Tracker th...

#webdev
#jwt
Let's build and deploy a full stack MERN web application
Let's build and deploy a full stack MERN web application

I am sure that when you first begin learning full stack web development using the MERN stack, you will have questions like "What is it like to build a full stac...

#webdev
#reactjs
8 Most Popular Gaming Platforms For Programmers in 2022
8 Most Popular Gaming Platforms For Programmers in 2022

Gamers have the mindset that they want to gamify everything. Why not gamify learning to code if you are a gamer and programmer 👀? There are numerous platforms ...

#programming
How to set up your own personal blog: Step-By-Step Guide
How to set up your own personal blog: Step-By-Step Guide

I published an article about how I built my blog and why I used specific technology. Many folks enjoyed it and wanted to start their own blogs. So, if you want ...

#webdev
#nextjs
The most efficient way to internationalize your web app
The most efficient way to internationalize your web app

Developers have had a lot of trouble with localization. It can be difficult at times to create and manage localization strings, deal with external libraries, an...

#tolgee
#i18n
VSCode extensions every web developer should know
VSCode extensions every web developer should know

The community is one of the reasons why Visual Studio Code is the most popular code editor. Any product can become successful if it has a strong community behin...

#productivity
#webdev
How I built my Blog with NextJs, Chakra UI and Hygraph?
How I built my Blog with NextJs, Chakra UI and Hygraph?

Having a personal blog has several advantages over using a third-party platform, such as complete control over your data, customizations, more ways to monetize,...

#nextjs
#chakraui
What are dApps? How they are different from normal apps?
What are dApps? How they are different from normal apps?

Have you heard of decentralized applications, often known as dApps? They're definitely one of the most important concepts in the blockchain ecosystem, but they'...

#dApps
#blockchain
Most active Developer Communities you should join in 2022
Most active Developer Communities you should join in 2022

The most difficult challenges for self-thought developers are: finding resources, mentors, opportunities, and so on. But most self-taught developers don't reali...

#community
What is Blockchain? How does it work? Why do we need it?
What is Blockchain? How does it work? Why do we need it?

In the past few years, the term blockchain has gotten a lot of attention from major media outlets and the public. It's a fairly new technology that has proven t...

#blockchain
#web3
Join me in the #100DaysOfWeb3 challenge - Learn together
Join me in the #100DaysOfWeb3 challenge - Learn together

Alexander Kallaway created the #100DaysOfCode challenge to encourage people to learn to code on a regular basis. As part of the challenge, you must devote one h...

#web3
Reward system for Open Source contributions and communities
Reward system for Open Source contributions and communities

Do you contribute to Open Source? - How about using your contributions to raise your profile? , What about getting rewarded for your efforts?

#opensource
#web3
How does the Web work - Behind the scenes (URL to Webpage)
How does the Web work - Behind the scenes (URL to Webpage)

Have you ever wondered what happens behind the scenes when you input a URL into your browser? and How the browser shows your requested website? Knowing what goe...

#webdev
Web 3.0 learning platforms - Earn While You Learn
Web 3.0 learning platforms - Earn While You Learn

One of the more intriguing aspects of the web3 world is getting paid to learn web3 technologies - how cool is that? So, if you're seeking information on how to ...

#web3
#webdev
Getting started with Open Source contributions - what, why, how
Getting started with Open Source contributions - what, why, how

The number of people contributing to Open Source is increasing every year because people care about it. What about you? Wait! What exactly is Open Source? Why s...

#opensource
#roadmap
Let's learn about APIs and how to create and sell one
Let's learn about APIs and how to create and sell one

If you are in tech, then you may have heard this popular term called "API". Some people use APIs for fun, some for money, and some for their applications. There...

#api
#nodejs
[PART 2] 8 best open source projects you should try out
[PART 2] 8 best open source projects you should try out

In a previous article, I shared [8 amazing Open Source projects](https://blog.itsrakesh.co/8-best-opensource-projects-you-should-try-out) I know. Turned out eve...

#opensource
#productivity
How to better design website layouts and elements - Part 2
How to better design website layouts and elements - Part 2

Small things create a bigger impact on the overall design of your website. In a previous blog on web design principles I shared four pillars of web design you m...

#webdesign
#uiux
How to better design website layouts and elements - Part 1
How to better design website layouts and elements - Part 1

Small things create a bigger impact on the overall design of your website. In a previous blog on web design principles I shared four pillars of web design you m...

#webdesign
#uiux
What is Chatwoot and how to integrate it on your website?
What is Chatwoot and how to integrate it on your website?

Live chat support is one of the advanced support channels these days. There are lots of live chat services out there. But in this blog, we will be learning abou...

#chatwoot
#automation
8 best opensource projects you should try out
8 best opensource projects you should try out

There are lots of open-source projects which are just 🤯. From productivity tools to B2B applications open source projects are there for you. Let's see some pro...

#opensource
#devtool
Setting up Web Development environment in Windows + linux
Setting up Web Development environment in Windows + linux

We all need a local setup at some point. Development with windows is not that great. When working with large projects you have to use Linux for some stuff. For ...

#webdev
#wsl
Web 2.0 app architecture Vs Web 3.0 app  architecture
Web 2.0 app architecture Vs Web 3.0 app architecture

If you are switching from web2 to web3 or if you want to learn web3 then you may have doubts about how web3 is different from web2? Are there any similarities? ...

#web3
#blockchain
Online Playgrounds to Learn Every Tech Stack on the Web
Online Playgrounds to Learn Every Tech Stack on the Web

One of the biggest mistakes beginners do while learning a new technology is local setup. Many people procrastinate a lot at this step. And the reason for this i...

#tools
#webdev
Take your automation tasks to next level with 2captcha
Take your automation tasks to next level with 2captcha

Captcha is used on websites to avoid spam. Now, there are lots of services and tools you can use to crack the Captcha. But why? Why does someone want to crack t...

#the2captcha
#automation
Git and GitHub - Ultimate productivity tools for developers
Git and GitHub - Ultimate productivity tools for developers

As the title says these tools help you throughout your project development life cycle. Almost every developer on the planet at least heard about these. And if y...

#git
#github
How I structure and organize my reactjs components
How I structure and organize my reactjs components

React is all about components. Better structure helps you to easily debug your app, and understand how the flow is going on, and also as your project grows it b...

#reactjs
#webdev
Auto-generate your NodeJs app + ReactJs Admin-UI 😳
Auto-generate your NodeJs app + ReactJs Admin-UI 😳

Think of building a RESTApi. What do you actually do? Set up a server with Expressjs, configure a database, write models, controllers, and some crud operations,...

#amplication
#nocode
How I Built My Portfolio Website
How I Built My Portfolio Website

A portfolio is a longer version of a Resume, but some people make it like a website to show their creativity and skills. Recently I made and deployed my portfol...

#webdev
#reactjs
Tools I use from design to deployment, testing and analytics
Tools I use from design to deployment, testing and analytics

In the previous blog, we came to know the flow of building a full-stack application. Throughout building an application we use so many tools that makes our life...

#tools
#webdev
Avoid these mistakes when you are learning a new technology
Avoid these mistakes when you are learning a new technology

Beginners often do these mistakes when getting started to learn a new technology which leads them to confusion, demotivation, and ultimately giving up. So let's...

#programming
The flow of building a full-stack web application
The flow of building a full-stack web application

When I am new to web development I often have confusion about how everything works together, how to connect all the things, how a full-stack web app is built fr...

#webdev
8 Best productivity tools for web developers in 2022
8 Best productivity tools for web developers in 2022

Productivity tools make developer life easy by automating routine tasks, helping with repetitive things, making software build, ship faster, etc... Of course, a...

#productivity
#tools
What is the Facebook Pixel and how do you utilize it?
What is the Facebook Pixel and how do you utilize it?

Ever wondered how that T-Shirt you visited on the Myntra website appeared on your Facebook Timeline or Feed? Then you need to know about Facebook Pixel. If you ...

#facebook
#tutorial
Let's explore different tech stacks in web development
Let's explore different tech stacks in web development

After you enter into the software world, you often hear this thing called "Tech Stack" A tech stack is a combination of different technologies to build a comple...

#webdev
Step-by-Step guide to make your first react package
Step-by-Step guide to make your first react package

If you ever made an application with react, then you must have used lots of reactjs packages. Ever thought about making your own package? or Have an idea but do...

#reactjs
#npm
Two new react frameworks that were recently released
Two new react frameworks that were recently released

React is one of the biggest JavaScript libraries. Many react frameworks like NextJs, GatsbyJs, etc., popped in, since. So, in this blog, I will give an introduc...

#reactjs
#webdev
Web design principles - The four pillars of web design
Web design principles - The four pillars of web design

When people visit your website, the first thing they feel is the design. Even if your website has great functionality, poor design can make those functionalitie...

#webdesign
#design
Different ways to connect react frontend and node backend
Different ways to connect react frontend and node backend

There are different ways to connect react frontend and NodeJS backend. In this blog, I am going to tell you three ways how you can connect the backend and front...

#reactjs
#nodejs
Amazing Emmet shortcuts for HTML and CSS to code faster
Amazing Emmet shortcuts for HTML and CSS to code faster

Emmet is one of the most useful extensions which are used to write lines of code with a single shortcut. Here are some top Emmet shortcuts to save your time ⏳.

#emmet
#webdev
How to put your website online in under 10 minutes?
How to put your website online in under 10 minutes?

As a beginner in web development, you may always think about how to actually put a website you made, on the internet. In this blog, you are going to learn how y...

#github
#webdev
How to host your website on Azure | Step-by-Step Guide
How to host your website on Azure | Step-by-Step Guide

Hosting your website on Azure is very simple. Just a few clicks 👀.

#azure
#github
How to compile different languages source code files?
How to compile different languages source code files?

The biggest mistake beginners do while started learning to program is using fancy IDEs (Integrated Development Environment). You should use the terminal at leas...

#programming
#tutorial

Interested in
working
with me?

Let's Connect

© 2021 - 2025 itsrakesh. v2.