https://coderman.in/blog

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Coderman dev blog posts</title><meta name="robots" content="index,follow"/><meta name="description" content="This is the coderman dev blog posts section"/><meta property="og:title" content="Coderman dev blog posts"/><meta property="og:description" content="This is the coderman dev blog posts section"/><meta name="next-head-count" content="7"/><link rel="preload" href="/_next/static/css/84196130bd1ab453.css" as="style"/><link rel="stylesheet" href="/_next/static/css/84196130bd1ab453.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script>

1<script src="/_next/static/chunks/webpack-ecab96d9c6b78b24.js" defer=""></script>

1<script src="/_next/static/chunks/framework-89e2f232d1d69efc.js" defer=""></script>

1<script src="/_next/static/chunks/main-b9866a30e276e035.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-80d6576e75bda804.js" defer=""></script>

1<script src="/_next/static/chunks/75fc9c18-d513d2eca9160ec7.js" defer=""></script>

1<script src="/_next/static/chunks/962-55a0f5eea334c4a7.js" defer=""></script>

1<script src="/_next/static/chunks/675-82375999dc35899a.js" defer=""></script>

1<script src="/_next/static/chunks/pages/blog-ba400b29b130fd6f.js" defer=""></script>

1<script src="/_next/static/kfQsp83DzFfGEhqimTBcV/_buildManifest.js" defer=""></script>

1<script src="/_next/static/kfQsp83DzFfGEhqimTBcV/_ssgManifest.js" defer=""></script>

1</head><body><div id="__next">

1<script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if(e){c.add(e|| '')}else{c.add('light');}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'light'}catch(t){}}();</script>

1<div class="sticky top-0 z-20 py-2 bg-white md:py-6 md:mb-6 dark:bg-black"><div class="absolute top-0 left-0 h-screen w-48 bg-white dark:bg-black transform -translate-x-full transition-transform duration-300 ease-in-out filter drop-shadow-md "><div class="flex flex-col items-center"><a class="font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/">About</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/blog">Blog</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/skills">Skills</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/projects">Projects</a></div></div><div class="container px-4 mx-auto lg:max-w-4xl flex items-center justify-between "><div class="z-50 flex relative w-8 h-8 flex-col justify-between items-center md:hidden"><span class="h-1 w-full bg-emerald-900 dark:bg-white rounded-lg transform transition duration-300 ease-in-out "></span><span class="h-1 w-full bg-emerald-900 dark:bg-white rounded-lg transition-all duration-300 ease-in-out w-full"></span><span class="h-1 w-full bg-emerald-900 dark:bg-white rounded-lg transform transition duration-300 ease-in-out "></span></div><a class="font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 uppercase dark:text-white" href="/">CODERMAN</a><div class="flex items-center"><div class="navbar md:flex lg:flex space-x-4 font-medium text-gray-800  sm:block dark:text-white"><a class="font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/">About</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/blog">Blog</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/skills">Skills</a><a class=" font-medium tracking-wider transition-colors text-emerald-900 hover:text-sky-500 dark:text-white" href="/projects">Projects</a></div><button aria-label="Toggle Dark Mode" type="button" class="w-8 h-8 p-1 ml-1 mr-1 rounded sm:ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-emerald-900 dark:text-emerald-100"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg></button></div></div></div><div class="container px-4 mx-auto lg:max-w-4xl flex items-center justify-between"><div class="lg:space-x-12 lg:flex lg:flex-row item-center lg:-mx-4 flex flex-col-reverse text-center lg:text-left"><div class="lg:mt-12"><h1 class="text-center text-2xl font-bold text-emerald-900 lg:text-5xl dark:text-white">Blogs</h1><div class="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full text-emerald-800 dark:text-white"><div class="animate-pulse flex space-x-4"><div class="rounded-full bg-slate-700 h-10 w-10"></div><div class="flex-1 space-y-6 py-1"><div class="h-2 bg-slate-700 rounded"></div><div class="space-y-3"><div class="grid grid-cols-3 gap-4"><div class="h-2 bg-slate-700 rounded col-span-2"></div><div class="h-2 bg-slate-700 rounded col-span-1"></div></div><div class="h-2 bg-slate-700 rounded"></div></div></div></div></div></div></div></div><div class=" mt-12 lg:mt-18 sm:pb-36 sm:py-12 py-6"><div class="max-w-4xl px-4 mx-auto text-emerald-800 dark:text-white"><div class="pb-8 mb-2 border-t-2 border-gray-300 dark:border-white-300"></div><div class="flex flex-col justify-between lg:flex-row items-center"><p>Made with ❤ in <a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="NextJS" href="https://nextjs.org/"><svg style="display:inline-block" stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="24px" height="24px"><title>NextJS</title><path d="M18.974,31.5c0,0.828-0.671,1.5-1.5,1.5s-1.5-0.672-1.5-1.5v-14c0-0.653,0.423-1.231,1.045-1.43 c0.625-0.198,1.302,0.03,1.679,0.563l16.777,23.704C40.617,36.709,44,30.735,44,24c0-11-9-20-20-20S4,13,4,24s9,20,20,20 c3.192,0,6.206-0.777,8.89-2.122L18.974,22.216V31.5z M28.974,16.5c0-0.828,0.671-1.5,1.5-1.5s1.5,0.672,1.5,1.5v13.84l-3-4.227 V16.5z"></path></svg></a>, <a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Tailwindcss" href="https://tailwindcss.com/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" style="display:inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="24px" height="24px"><path d="M24,9.604c-6.4,0-10.4,3.199-12,9.597c2.4-3.199,5.2-4.398,8.4-3.599 c1.826,0.456,3.131,1.781,4.576,3.247C27.328,21.236,30.051,24,36,24c6.4,0,10.4-3.199,12-9.598c-2.4,3.199-5.2,4.399-8.4,3.6 c-1.825-0.456-3.13-1.781-4.575-3.247C32.672,12.367,29.948,9.604,24,9.604L24,9.604z M12,24c-6.4,0-10.4,3.199-12,9.598 c2.4-3.199,5.2-4.399,8.4-3.599c1.825,0.457,3.13,1.781,4.575,3.246c2.353,2.388,5.077,5.152,11.025,5.152 c6.4,0,10.4-3.199,12-9.598c-2.4,3.199-5.2,4.399-8.4,3.599c-1.826-0.456-3.131-1.781-4.576-3.246C20.672,26.764,17.949,24,12,24 L12,24z"></path></svg></a> &amp; <a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Netlify" href="https://www.netlify.com/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" style="display:inline-block" viewB

1ox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"> <title>Netlify</title><path d="M16.934 8.519a1.044 1.044 0 0 1 .303.23l2.349-1.045-2.192-2.171-.491 2.954zM12.06 6.546a1.305 1.305 0 0 1 .209.574l3.497 1.482a1.044 1.044 0 0 1 .355-.177l.574-3.55-2.13-2.234-2.505 3.852v.053zm11.933 5.491l-3.748-3.748-2.548 1.044 6.264 2.662s.053.042.032.042zm-.627.606l-6.013-2.569a1.044 1.044 0 0 1-.7.407l-.647 3.957a1.044 1.044 0 0 1 .303.731l3.633.762 3.33-3.31v-.062zM15.4 9.25L12.132 7.86a1.2 1.2 0 0 1-1.044.543h-.199L8.185 12.58l7.225-3.132v.01a.887.887 0 0 1 0-.167.052.052 0 0 0-.01-.041zm3.967 7.308l-3.195-.658a1.096 1.096 0 0 1-.46.344l-.761 4.72 4.437-4.396s-.01.02-.021.02zm-4.469-.324a1.044 1.044 0 0 1-.616-.71l-5.95-1.222-.084.136 5.398 7.81.323-.324.919-5.67s.031.022.01.011zm-6.441-2.652l5.878 1.211a1.044 1.044 0 0 1 .824-.522l.637-3.894-.135-.115-7.308 3.132a1.817 1.817 0 0 1 .104.188zm-2.464.981l-.125-.125-2.537 1.044 1.232 1.222 1.399-2.172zm1.67.397a1.368 1.368 0 0 1-.563.125 1.389 1.389 0 0 1-.45-.073l-1.544 2.245 6.765 6.702 1.19-1.18zm-.95-2.641a1.702 1.702 0 0 1 .314 0 1.378 1.378 0 0 1 .344 0l2.735-4.25a1.19 1.19 0 0 1-.334-.824 1.242 1.242 0 0 1 0-.271l-3.32-1.535-2.672 2.6zm.303-7.402l3.237 1.378a1.242 1.242 0 0 1 .835-.282 1.357 1.357 0 0 1 .397.063l2.526-3.947L11.923.041 7.016 4.854s-.01.052 0 .063zm-1.21 8.164a1.566 1.566 0 0 1 .24-.334L3.278 8.613 0 11.797l5.804 1.284zm-.262.7L.533 12.735l2.203 2.235 2.777-1.18z"></path></svg></a></p><div class="flex flex-wrap pt-2 sm:space-x-4 space-x-2 font-medium lg:pt-0"><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Twitter" href="https://twitter.com/_nitinreddy3">twitter</a><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="LinkedIn" href="https://www.linkedin.com/in/nitinreddy3">LinkedIn</a><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Github" href="https://github.com/nitinreddy3">GitHub</a><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Medium" href="https://medium.com/@nitinreddy3">Medium</a><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="DEV" href="https://dev.to/nitinreddy3">DEV</a><a class="transition-colors hover:text-blue-500" target="_blank" rel="noreferrer" aria-label="Hashnode" href="https://hashnode.com/@nitinreddy3">Hashnode</a></div></div></div></div></div>

1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/blog","query":{},"buildId":"kfQsp83DzFfGEhqimTBcV","nextExport":true,"autoExport":true,"isFallback":false,"locale":"en","locales":["en"],"defaultLocale":"en","domainLocales":[],"scriptLoader":[]}</script>

1</body></html>