PageSourceSearch

https://growyourwebs.com/blogs

html growyourwebs.com collected 2026-10-02 01:30:55 UTC 32,330 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1" data-next-head=""/><title data-next-head="">Web Development Blog - Tutorials, Tips &amp; Insights | GrowYourWebs</title><meta name="description" content="Expert web development articles, programming tutorials, and industry insights. Learn about React, Next.js, Node.js, .NET, full-stack development, and modern coding best practices." data-next-head=""/><meta name="keywords" content="web development blog, programming tutorials, React tutorials, Next.js tips, full-stack developer blog, Node.js, .NET development, JavaScript tips, coding best practices, web development career, freelance developer tips" data-next-head=""/><meta name="author" content="GrowYourWebs" data-next-head=""/><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" data-next-head=""/><meta name="theme-color" content="#0F0F0F" data-next-head=""/><link rel="canonical" href="https://growyourwebs.com/blogs" data-next-head=""/><link rel="alternate" hrefLang="en" href="https://growyourwebs.com/blogs" data-next-head=""/><link rel="alternate" hrefLang="x-default" href="https://growyourwebs.com/blogs" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:site_name" content="GrowYourWebs" data-next-head=""/><meta property="og:locale" content="en_US" data-next-head=""/><meta property="og:url" content="https://growyourwebs.com/blogs" data-next-head=""/><meta property="og:title" content="Web Development Blog - Tutorials, Tips &amp; Insights | GrowYourWebs" data-next-head=""/><meta property="og:description" content="Expert web development articles, programming tutorials, and industry insights. Learn about React, Next.js, Node.js, .NET, full-stack development, and modern coding best practices." data-next-head=""/><meta property="og:image" content="https://growyourwebs.com/og/journal.png" data-next-head=""/><meta property="og:image:width" content="1200" data-next-head=""/><meta property="og:image:height" content="630" data-next-head=""/><meta property="og:image:alt" content="GrowYourWebs journal — notes from the build" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:title" content="Web Development Blog - Tutorials, Tips &amp; Insights | GrowYourWebs" data-next-head=""/><meta name="twitter:description" content="Expert web development articles, programming tutorials, and industry insights. Learn about React, Next.js, Node.js, .NET, full-stack development, and modern coding best practices." data-next-head=""/><meta name="twitter:image" content="https://growyourwebs.com/og/journal.png" data-next-head=""/><meta name="twitter:image:alt" content="GrowYourWebs journal — notes from the build" data-next-head=""/><link rel="icon" href="/favicon.ico" sizes="any" data-next-head=""/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" data-next-head=""/><link rel="manifest" href="/site.webmanifest" data-next-head=""/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" type="image/png" sizes="192x192" href="/logo.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="preload" href="/_next/static/media/c214ffb7f5362987-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/ebfc19422cfb71ba-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/0d89132a56074b70.css" as="style"/>
1<script type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@graph":[{"@type":["Organization","ProfessionalService"],"@id":"https://growyourwebs.com/#organization","name":"GrowYourWebs","url":"https://growyourwebs.com","logo":{"@type":"ImageObject","url":"https://growyourwebs.com/logo.png","width":500,"height":500},"image":"https://growyourwebs.com/og/default.png","description":"GrowYourWebs is a remote web development studio founded by full-stack developer Bharat Prabhat Sharma. It builds fast, conversion-focused websites, web apps, dashboards and Chrome extensions with React, Next.js and Node.js for startups and small businesses in the US, UK, Canada, Australia and worldwide.","email":"[email protected]","foundingDate":"2025","founder":{"@id":"https://growyourwebs.com/#founder"},"address":{"@type":"PostalAddress","addressCountry":"IN"},"areaServed":[{"@type":"Country","name":"United States"},{"@type":"Country","name":"United Kingdom"},{"@type":"Country","name":"Canada"},{"@type":"Country","name":"Australia"},{"@type":"Country","name":"India"}],"knowsLanguage":["English","Hindi"],"knowsAbout":["Web development","Next.js","React","Node.js","UI/UX design","Technical SEO","Core Web Vitals","Chrome extension development","API integration"],"priceRange":"$$","contactPoint":[{"@type":"ContactPoint","contactType":"sales","email":"[email protected]","availableLanguage":["English","Hindi"],"areaServed":["US","GB","CA","AU","IN"],"hoursAvailable":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday"],"opens":"10:00","closes":"16:00"}]}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Web development services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Website Development","description":"Custom websites and web applications built with React, Next.js and Node.js — fast, scalable and SEO-ready.","url":"https://growyourwebs.com/services/website-development","provider":{"@id":"https://growyourwebs.com/#organization"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"UI/UX Design","description":"Interface and user-experience design: wireframes, prototypes and design systems focused on conversion.","url":"https://growyourwebs.com/services/ui","provider":{"@id":"https://growyourwebs.com/#organization"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"API Integration","description":"Third-party and custom API integrations, payment gateways, webhooks and real-time data sync.","url":"https://growyourwebs.com/services/api-integration","provider":{"@id":"https://growyourwebs.com/#organization"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Performance Optimization","description":"Core Web Vitals, page-speed and technical SEO improvements for existing websites.","url":"https://growyourwebs.com/services/performance-optimization","provider":{"@id":"https://growyourwebs.com/#organization"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Landing Pages & Business Websites","description":"High-converting landing pages and business websites for lead generation.","url":"https://growyourwebs.com/services/landing-pages-business-sites","provider":{"@id":"https://growyourwebs.com/#organization"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Dashboards & Admin Panels","description":"Admin panels and analytics dashboards with data visualization and user management.","url":"https://growyourwebs.com/services/dashboards-admin-panels","provider":{"@id":"https://growyourwebs.com/#organization"}}}]}},{"@type":"Person","@id":"https://growyourwebs.com/#founder","name":"Bharat Prabhat Sharma","jobTitle":"Founder & Full-Stack Developer","worksFor":{"@id":"https://growyourwebs.com/#organization"},"image":"https://growyourwebs.com/images/profile.png","knowsAbout":["React","Next.js","Node.js",".NET","MySQL","Chrome extensions"]},{"@type":"WebSite","@id":"https://growyourwebs.com/#website","url":"https://growyourwebs.com","name":"GrowYourWebs","description":"GrowYourWebs is a remote web development studio founded by full-stack developer Bharat Prabhat Sharma. It builds fast, conversion-focused websites, web apps, dashboards and Chrome extensions with React, Next.js and Node.js for startups and small businesses in the US, UK, Canada, Australia and worldwide.","inLanguage":"en","publisher":{"@id":"https://growyourwebs.com/#organization"}},{"@type":"CollectionPage","@id":"https://growyourwebs.com/blogs#webpage","url":"https://growyourwebs.com/blogs","name":"Web Development Blog - Tutorials, Tips & Insights | GrowYourWebs","description":"Expert web development articles, programming tutorials, and industry insights. Learn about React, Next.js, Node.js, .NET, full-stack development, and modern coding best practices.","inLanguage":"en","isPartOf":{"@id":"https://growyourwebs.com/#website"},"about":{"@id":"https://growyourwebs.com/#organization"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://growyourwebs.com/og/journal.png"},"dateModified":"2026-09-11","breadcrumb":{"@id":"https://growyourwebs.com/blogs#breadcrumb"},"mainEntity":{"@type":"Blog","@id":"https://growyourwebs.com/blogs#blog","name":"GrowYourWebs Journal","publisher":{"@id":"https://growyourwebs.com/#organization"},"blogPost":[{"@type":"BlogPosting","headline":"Website Maintenance Services: What to Expect in 2026","url":"https://growyourwebs.com/blogs/website-maintenance-services-2026","datePublished":"2026-09-21"},{"@type":"BlogPosting","headline":"Which Backend Should You Choose for Scalable Apps?","url":"https://growyourwebs.com/blogs/which-backend-should-you-choose-for-scalable-apps","datePublished":"2025-01-27"},{"@type":"BlogPosting","headline":"My Journey from Frontend Developer to Full-Stack Developer","url":"https://growyourwebs.com/blogs/my-journey-from-frontend-developer-to-full-stack-developer","datePublished":"2024-01-20"},{"@type":"BlogPosting","headline":"Lessons Learned from Connecting React with .NET API + MySQL","url":"https://growyourwebs.com/blogs/lessons-learned-from-connecting-react-with-dot-net-api-mysql","datePublished":"2024-01-15"}]}},{"@type":"BreadcrumbList","@id":"https://growyourwebs.com/blogs#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://growyourwebs.com/"},{"@type":"ListItem","position":2,"name":"Journal","item":"https://growyourwebs.com/blogs"}]}]}</script>
1<link rel="stylesheet" href="/_next/static/css/0d89132a56074b70.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
1<script src="/_next/static/chunks/webpack-27d948713111d4d8.js" defer=""></script>
1<script src="/_next/static/chunks/framework-acd67e14855de5a2.js" defer=""></script>
1<script src="/_next/static/chunks/main-52d08eabc5d05490.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-4ac5dd2e0a49cac6.js" defer=""></script>
1<script src="/_next/static/chunks/695-942085c8e3135bc1.js" defer=""></script>
1<script src="/_next/static/chunks/2-1233b8c3c09e76b1.js" defer=""></script>
1<script src="/_next/static/chunks/204-f61505df8be06a13.js" defer=""></script>
1<script src="/_next/static/chunks/pages/blogs-683abd454ca349f7.js" defer=""></script>
1<script src="/_next/static/2x5PUY_EOOq3doc7R-XRp/_buildManifest.js" defer=""></script>
1<script src="/_next/static/2x5PUY_EOOq3doc7R-XRp/_ssgManifest.js" defer=""></script>
1</head><body><div id="__next"><div class="__variable_afd4a3 __variable_8958b0"><div class="mono"><div class="m-pre" aria-hidden="true"><noscript><style>.m-pre{display:none!important}</style></noscript><div class="m-pre-stage"><div class="m-ring-wrap"><div class="m-ring m-ring--out"><span style="transform:translate(-50%,-50%) rotateY(0deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(12deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(24deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(36deg) translateZ(150px)">B</span><span style="transform:translate(-50%,-50%) rotateY(48deg) translateZ(150px)">U</span><span style="transform:translate(-50%,-50%) rotateY(60deg) translateZ(150px)">I</span><span style="transform:translate(-50%,-50%) rotateY(72deg) translateZ(150px)">L</span><span style="transform:translate(-50%,-50%) rotateY(84deg) translateZ(150px)">D</span><span style="transform:translate(-50%,-50%) rotateY(96deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(108deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(120deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(132deg) translateZ(150px)">B</span><span style="transform:translate(-50%,-50%) rotateY(144deg) translateZ(150px)">S</span><span style="transform:translate(-50%,-50%) rotateY(156deg) translateZ(150px)">I</span><span style="transform:translate(-50%,-50%) rotateY(168deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(180deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(192deg) translateZ(150px)">S</span><span style="transform:translate(-50%,-50%) rotateY(204deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(216deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(228deg) translateZ(150px)">H</span><span style="transform:translate(-50%,-50%) rotateY(240deg) translateZ(150px)">A</span><span style="transform:translate(-50%,-50%) rotateY(252deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(264deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(276deg) translateZ(150px)">G</span><span style="transform:translate(-50%,-50%) rotateY(288deg) translateZ(150px)">R</span><span style="transform:translate(-50%,-50%) rotateY(300deg) translateZ(150px)">O</span><span style="transform:translate(-50%,-50%) rotateY(312deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(324deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(336deg) translateZ(150px)">—</span><span style="transform:translate(-50%,-50%) rotateY(348deg) translateZ(150px)"> </span></div><div class="m-ring m-ring--in"><span style="transform:translate(-50%,-50%) rotateY(0deg) translateZ(92px)">N</span><span style="transform:translate(-50%,-50%) rotateY(12deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(23deg) translateZ(92px)">X</span><span style="transform:translate(-50%,-50%) rotateY(35deg) translateZ(92px)">T</span><span style="transform:translate(-50%,-50%) rotateY(46deg) translateZ(92px)">.</span><span style="transform:translate(-50%,-50%) rotateY(58deg) translateZ(92px)">J</span><span style="transform:translate(-50%,-50%) rotateY(70deg) translateZ(92px)">S</span><span style="transform:translate(-50%,-50%) rotateY(81deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(93deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(105deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(116deg) translateZ(92px)">R</span><span style="transform:translate(-50%,-50%) rotateY(128deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(139deg) translateZ(92px)">A</span><span style="transform:translate(-50%,-50%) rotateY(151deg) translateZ(92px)">C</span><span style="transform:translate(-50%,-50%) rotateY(163deg) translateZ(92px)">T</span><span style="transform:translate(-50%,-50%) rotateY(174deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(186deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(197deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(209deg) translateZ(92px)">N</span><span style="transform:translate(-50%,-50%) rotateY(221deg) translateZ(92px)">O</span><span style="transform:translate(-50%,-50%) rotateY(232deg) translateZ(92px)">D</span><span style="transform:translate(-50%,-50%) rotateY(244deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(255deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(267deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(279deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(290deg) translateZ(92px)">S</span><span style="transform:translate(-50%,-50%) rotateY(302deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(314deg) translateZ(92px)">O</span><span style="transform:translate(-50%,-50%) rotateY(325deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(337deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(348deg) translateZ(92px)"> </span></div></div></div><div class="m-pre-count"><span>000</span>%</div><div class="m-pre-label m-label">// LOADING — GROWYOURWEBS</div></div><div class="m-bars" aria-hidden="true"><div class="m-bar"></div><div class="m-bar"></div><div class="m-bar"></div><div class="m-bar"></div><div class="m-bar"></div><div class="m-bar"></div><div class="m-bar-title m-disp m-mega"></div></div><div class="m-preview" aria-hidden="true"><span class="m-label">PREVIEW</span></div><header class="m-header"><a class="m-logo" aria-label="GrowYourWebs home" href="/"><span>GROW</span><span>YOURWEBS</span></a><nav class="m-nav" aria-label="Primary"><a class="m-navlink" data-navlink="true" href="/#work"><span class="m-br m-br--l">[</span><span class="m-scr" style="min-width:4ch">WORK</span><span class="m-br m-br--r">]</span></a><a class="m-navlink" data-navlink="true" href="/about"><span class="m-br m-br--l">[</span><span class="m-scr" style="min-width:5ch">
1ABOUT</span><span class="m-br m-br--r">]</span></a><a class="m-navlink" data-navlink="true" href="/services"><span class="m-br m-br--l">[</span><span class="m-scr" style="min-width:8ch">SERVICES</span><span class="m-br m-br--r">]</span></a><a class="m-navlink" data-navlink="true" aria-current="page" href="/blogs"><span class="m-br m-br--l">[</span><span class="m-scr" style="min-width:7ch">JOURNAL</span><span class="m-br m-br--r">]</span></a><a class="m-navlink" data-navlink="true" href="/contact"><span class="m-br m-br--l">[</span><span class="m-scr" style="min-width:7ch">CONNECT</span><span class="m-br m-br--r">]</span></a></nav><div class="m-hright"><a class="m-ul " href="/contact">START A PROJECT<!-- --> <span class="m-arrow">↗</span><span class="m-ul-bar"></span></a><span class="m-avail"><span class="m-dot-slot"></span>AVAILABLE FOR PROJECTS</span></div><div class="m-hmobile"><span class="m-avail" style="gap:6px"><span class="m-dot-slot"></span>AVAILABLE</span><button type="button" class="m-menubtn" aria-expanded="false" aria-controls="m-menu">[ MENU ]</button></div></header><span class="m-dot" aria-hidden="true"></span><nav id="m-menu" class="m-menu" aria-label="Mobile" aria-hidden="true"><div class="m-menu-links m-disp"><a tabindex="-1" href="/#work"><span>WORK</span><small>01</small></a><a tabindex="-1" href="/about"><span>
1ABOUT</span><small>02</small></a><a tabindex="-1" href="/services"><span>SERVICES</span><small>03</small></a><a tabindex="-1" href="/blogs"><span>JOURNAL</span><small>04</small></a><a tabindex="-1" href="/contact"><span>CONNECT</span><small>05</small></a></div><div class="m-menu-foot m-label"><span>[email protected]</span><span>IST <span data-clock="true">00:00</span></span></div></nav><main><section class="m-sec m-light m-pagehero" style="padding-top:120px;padding-bottom:140px;min-height:100vh"><div class="m-meta m-label m-muted "><span>// JOURNAL — NOTES FROM THE BUILD</span><span>04 / 04 ENTRIES</span></div><h1 class="m-disp m-mega m-with-sup" style="margin-top:24px">JOURNAL<sup class="m-sup" style="margin-top:0.25em">(<!-- -->04<!-- -->)</sup></h1><div style="display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;flex-wrap:wrap;gap:16px"><div role="group" aria-label="Filter by category" style="display:flex;flex-wrap:wrap;gap:8px 24px"><button type="button" class="m-toggle" aria-pressed="true">[ <!-- -->ALL<!-- --> ]</button><button type="button" class="m-toggle" aria-pressed="false">[ <!-- -->WEBSITES<!-- --> ]</button><button type="button" class="m-toggle" aria-pressed="false">[ <!-- -->BACKEND<!-- --> ]</button><button type="button" class="m-toggle" aria-pressed="false">[ <!-- -->CAREER<!-- --> ]</button><button type="button" class="m-toggle" aria-pressed="false">[ <!-- -->API<!-- --> ]</button></div><p class="m-journal-intro m-muted">Insights, tutorials and lessons from building for the web — by Bharat Prabhat Sharma.</p></div><div class="m-hr-top" style="margin-top:64px"><a class="m-lrow m-jrow" data-hoverrow="true" data-preview-name="WEBSITES" data-preview-prefix="COVER" href="/blogs/website-maintenance-services-2026"><span class="m-label m-muted" style="line-height:1.6">21 SEP 2026<br/>// <!-- -->WEBSITES</span><span class="m-jrow-copy"><span class="m-lrow-name m-disp m-journal-title" data-widen="true">Website Maintenance Services: What to Expect in 2026<span class="m-lrow-bar"></span></span><span class="m-journal-excerpt m-muted">Learn what website maintenance services should include in 2026, from security and backups to content updates, performance checks and ongoing improvements.</span></span><span class="m-label m-muted">[ <!-- -->9 MIN READ<!-- --> ]</span><span class="m-lrow-arrow">↗</span></a><a class="m-lrow m-jrow" data-hoverrow="true" data-preview-name="BACKEND" data-preview-prefix="COVER" href="/blogs/which-backend-should-you-choose-for-scalable-apps"><span class="m-label m-muted" style="line-height:1.6">27 JAN 2025<br/>// <!-- -->BACKEND</span><span class="m-jrow-copy"><span class="m-lrow-name m-disp m-journal-title" data-widen="true">Which Backend Should You Choose for Scalable Apps?<span class="m-lrow-bar"></span></span><span class="m-journal-excerpt m-muted">Node.js, .NET, Spring Boot or Django? A practical look at choosing a backend for scalable apps — requirements, team expertise and ecosystem.</span></span><span class="m-label m-muted">[ <!-- -->5 MIN READ<!-- --> ]</span><span class="m-lrow-arrow">↗</span></a><a class="m-lrow m-jrow" data-hoverrow="true" data-preview-name="CAREER" data-preview-prefix="COVER" href="/blogs/my-journey-from-frontend-developer-to-full-stack-developer"><span class="m-label m-muted" style="line-height:1.6">20 JAN 2024<br/>// <!-- -->CAREER</span><span class="m-jrow-copy"><span class="m-lrow-name m-disp m-journal-title" data-widen="true">My Journey from Frontend Developer to Full-Stack Developer<span class="m-lrow-bar"></span></span><span class="m-journal-excerpt m-muted">Discover my personal journey from frontend developer to full-stack developer. Learn about the challenges, growth, and rewards of expanding your skills from React/Next.js to .NET APIs and MySQL.</span></span><span class="m-label m-muted">[ <!-- -->4 MIN READ<!-- --> ]</span><span class="m-lrow-arrow">↗</span></a><a class="m-lrow m-jrow" data-hoverrow="true" data-preview-name="API" data-preview-prefix="COVER" href="/blogs/lessons-learned-from-connecting-react-with-dot-net-api-mysql"><span class="m-label m-muted" style="line-height:1.6">
115 JAN 2024<br/>// <!-- -->API</span><span class="m-jrow-copy"><span class="m-lrow-name m-disp m-journal-title" data-widen="true">Lessons Learned from Connecting React with .NET API + MySQL<span class="m-lrow-bar"></span></span><span class="m-journal-excerpt m-muted">Discover key lessons learned from connecting React frontend with .NET API backend and MySQL database — response validation, async/await and user-friendly errors.</span></span><span class="m-label m-muted">[ <!-- -->5 MIN READ<!-- --> ]</span><span class="m-lrow-arrow">↗</span></a></div></section><section class="m-sec m-dark m-sec--pad120" style="padding-top:120px;padding-bottom:120px"><div class="m-meta m-label m-muted "><span>// BUILDING SOMETHING?</span><span>REPLY WITHIN 24H</span></div><div class="m-grid12" style="margin-top:48px;align-items:end"><h2 class="m-disp m-h2" style="grid-column:1 / span 8">LET&#x27;S TALK ABOUT <span class="m-grey">YOUR STACK.</span></h2><div style="grid-column:10 / span 3;justify-self:end"><a class="m-ul m-t13" style="padding-bottom:4px" href="/contact">DISCUSS THE PROJECT<!-- --> <span class="m-arrow">↗</span><span class="m-ul-bar"></span></a></div></div></section><footer class="m-sec m-light m-sitefoot"><nav class="m-footnav m-label" aria-label="Footer"><div class="m-footnav-col"><span class="m-muted">// STUDIO</span><a href="/about">ABOUT</a><a href="/services">SERVICES</a><a href="/blogs">JOURNAL</a></div><div class="m-footnav-col"><span class="m-muted">// WORK</span><a href="/work/engage-ai">TONEQUILL</a><a href="/work/nav-healing-herbs">NAV HEALING HERBS</a><a href="/ai-extention">TONEQUILL OVERVIEW</a><a href="/pro">AI EXTENSIONS PRO</a><a href="/#work">ALL PROJECTS</a></div><div class="m-footnav-col"><span class="m-muted">// CONTACT</span><a href="/contact">START A PROJECT</a><a href="https://wa.me/919779057556?text=Hi%20Bharat!%20I&#x27;m%20interested%20in%20discussing%20a%20web%20development%20project." target="_blank" rel="noopener noreferrer">WHATSAPP ↗</a><a href="mailto:[email protected]">[email protected]</a></div><div class="m-footnav-col"><span class="m-muted">// LEGAL</span><a href="/privacy">PRIVACY POLICY</a><a href="/terms">TERMS &amp; CONDITIONS</a><a href="/refund-policy">REFUND POLICY</a></div></nav><div class="m-wordmark m-disp m-mega" data-fit="true" data-fit-single="true" data-fit-desktop="true" aria-label="GROWYOURWEBS" role="img" style="margin-top:64px"><span class="m-wgroup" aria-hidden="true"><span class="m-wm">G</span><span class="m-wm">R</span><span class="m-wm">O</span><span class="m-wm">W</span><span class="m-wm">Y</span><span class="m-wm">O</span><span class="m-wm">U</span><span class="m-wm">R</span></span><span class="m-wgroup" aria-hidden="true"><span class="m-wm">W</span><span class="m-wm">E</span><span class="m-wm">B</span><span class="m-wm">S</span></span></div><div class="m-footbar m-label"><span>INDIA (IST) <span data-clock="true">00:00:00</span></span><span>BUILT WITH NEXT.JS</span><span>© <!-- -->2026<!-- --> GROWYOURWEBS</span></div></footer></main></div><div class="m-tokens m-route-loader"><div class="m-pre" aria-hidden="true" hidden=""><div class="m-pre-stage"><div class="m-ring-wrap"><div class="m-ring m-ring--out"><span style="transform:translate(-50%,-50%) rotateY(0deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(12deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(24deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(36deg) translateZ(150px)">B</span><span style="transform:translate(-50%,-50%) rotateY(48deg) translateZ(150px)">U</span><span style="transform:translate(-50%,-50%) rotateY(60deg) translateZ(150px)">I</span><span style="transform:translate(-50%,-50%) rotateY(72deg) translateZ(150px)">L</span><span style="transform:translate(-50%,-50%) rotateY(84deg) translateZ(150px)">D</span><span style="transform:translate(-50%,-50%) rotateY(96deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(108deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(120deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(132deg) translateZ(150px)">B</span><span style="transform:translate(-50%,-50%) rotateY(144deg) translateZ(150px)">S</span><span style="transform:translate(-50%,-50%) rotateY(156deg) translateZ(150px)">I</span><span style="transform:translate(-50%,-50%) rotateY(168deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(180deg) translateZ(150px)">E</span><span style="transform:translate(-50%,-50%) rotateY(192deg) translateZ(150px)">S</span><span style="transform:translate(-50%,-50%) rotateY(204deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(216deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(228deg) translateZ(150px)">H</span><span style="transform:translate(-50%,-50%) rotateY(240deg) translateZ(150px)">A</span><span style="transform:translate(-50%,-50%) rotateY(252deg) translateZ(150px)">T</span><span style="transform:translate(-50%,-50%) rotateY(264deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(276deg) translateZ(150px)">G</span><span style="transform:translate(-50%,-50%) rotateY(288deg) translateZ(150px)">R</span><span style="transform:translate(-50%,-50%) rotateY(300deg) translateZ(150px)">O</span><span style="transform:translate(-50%,-50%) rotateY(312deg) translateZ(150px)">W</span><span style="transform:translate(-50%,-50%) rotateY(324deg) translateZ(150px)"> </span><span style="transform:translate(-50%,-50%) rotateY(336deg) translateZ(150px)">—</span><span style="transform:translate(-50%,-50%) rotateY(348deg) translateZ(150px)"> </span></div><div class="m-ring m-ring--in"><span style="transform:translate(-50%,-50%) rotateY(0deg) translateZ(92px)">N</span><span style="transform:translate(-50%,-50%) rotateY(12deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(23deg) translateZ(92px)">X</span><span style="transform:translate(-50%,-50%) rotateY(35deg) translateZ(92px)">T</span><span style="transform:translate(-50%,-50%) rotateY(46deg) translateZ(92px)">
1.</span><span style="transform:translate(-50%,-50%) rotateY(58deg) translateZ(92px)">J</span><span style="transform:translate(-50%,-50%) rotateY(70deg) translateZ(92px)">S</span><span style="transform:translate(-50%,-50%) rotateY(81deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(93deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(105deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(116deg) translateZ(92px)">R</span><span style="transform:translate(-50%,-50%) rotateY(128deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(139deg) translateZ(92px)">A</span><span style="transform:translate(-50%,-50%) rotateY(151deg) translateZ(92px)">C</span><span style="transform:translate(-50%,-50%) rotateY(163deg) translateZ(92px)">T</span><span style="transform:translate(-50%,-50%) rotateY(174deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(186deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(197deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(209deg) translateZ(92px)">N</span><span style="transform:translate(-50%,-50%) rotateY(221deg) translateZ(92px)">O</span><span style="transform:translate(-50%,-50%) rotateY(232deg) translateZ(92px)">D</span><span style="transform:translate(-50%,-50%) rotateY(244deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(255deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(267deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(279deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(290deg) translateZ(92px)">S</span><span style="transform:translate(-50%,-50%) rotateY(302deg) translateZ(92px)">E</span><span style="transform:translate(-50%,-50%) rotateY(314deg) translateZ(92px)">O</span><span style="transform:translate(-50%,-50%) rotateY(325deg) translateZ(92px)"> </span><span style="transform:translate(-50%,-50%) rotateY(337deg) translateZ(92px)">·</span><span style="transform:translate(-50%,-50%) rotateY(348deg) translateZ(92px)"> </span></div></div></div><div class="m-pre-count"><span>000</span>%</div><div class="m-pre-label m-label">// LOADING — GROWYOURWEBS</div></div></div><!--$--><!--/$--></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/blogs","query":{},"buildId":"2x5PUY_EOOq3doc7R-XRp","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.