[{"_id":"674553711b8c712f137b3c65","publication":"5f4d369be4e2417295cc5461","user":{"_id":"5f4d36745cde85738158c193","isDeactivated":false,"numFollowers":2740,"hasGoldRing":true,"name":"Ayodele Samuel Adebayo","username":"unclebigbay","tagline":"Software Engineer & Customer Success Engineer at Hashnode","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg"},"createdAt":"2024-11-26T04:49:46.219Z","memberName":"Ayodele Samuel Adebayo","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:46.219Z","username":"unclebigbay","latestPosts":[{"_id":"66bcbaee301d8350a0f46f0e","views":205,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":4,"isPinnedToBlog":false,"title":"Learn How to Use Tailwind Spinner Effectively: A Detailed Guide","cuid":"clztxiveu00070ala3h2d0g7s","dateAdded":"2024-08-14T14:10:54.727Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"learn-how-to-use-tailwind-spinner-effectively-a-detailed-guide","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1723644594486/77ba66e1-f0da-4ba3-a839-14c8ff9346d4.png","brief":"The loader is a vital component that a reactive website should have. It keeps the user informed about when something is being processed and when it has completed.\nLoaders indicate that an action is in progress and then hide once the action completes,...","author":"5f4d36745cde85738158c193","readTime":11,"tags":["5f4ebbb150b5c61ec6ef4ad2","56a399f292921b8f79d3633c"],"publication":{"_id":"5f4d369be4e2417295cc5461","betaFeatures":{"newsletter":false,"embeds":false,"payments":true,"newsletterFullPost":true,"draftBackup":true,"githubAsSource":true},"views":{"today":55,"thisWeek":570,"lastWeek":1988,"thisMonth":2667,"allTime":353601},"badgePageEnabled":true,"newsletterEnabled":false,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":290,"1712102400":394,"1712188800":378,"1712275200":281,"1712361600":203,"1712448000":181,"1712534400":295,"1712620800":297,"1712707200":309,"1712793600":289,"1712880000":277,"1712966400":233,"1713052800":165,"1713139200":272,"1713225600":281,"1713312000":271,"1713398400":490,"1713484800":265,"1713571200":198,"1713657600":166,"1713744000":271,"1713830400":257,"1713916800":221,"1714003200":255,"1714089600":216,"1714176000":165,"1714262400":174,"1714348800":236,"1714435200":260,"1714521600":213},"author":"5f4d36745cde85738158c193","isActive":true,"username":"unclebigbay","domain":"unclebigbay.com","urlPattern":"simple","title":"Unclebigbay's 🚀 Blog","links":{"twitter":"https://twitter.com/unclebigbay143","instagram":"https://instagram.com/unclebigbay","github":"https://github.com/unclebay143","website":"https://www.codewithunclebigbay.com","hashnode":"https://hashnode.com/@Unclebigbay","youtube":"https://www.youtube.com/@unclebigbay","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay","mastodon":"https://techhub.social/@unclebigbay"},"__v":0,"hasBadges":true,"darkModeEnabled":true,"layout":"magazine","viewCountVisible":false,"imprint":"

Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on: www.codewithunclebigbay.com

\n","imprintMarkdown":"Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on: www.codewithunclebigbay.com","meta":"Customer Success Engineer/Software Engineer @Hashnode","metaHTML":"

Customer Success Engineer/Software Engineer @Hashnode

\n","menu":[{"_id":"665f5cfba477b5064cc33dde","type":"link","label":"CodeWithUnclebigbay","url":"https://www.codewithunclebigbay.com"},{"_id":"667165ea14ec7292ec945491","type":"link","label":"Youtube","url":"https://www.youtube.com/@unclebigbay"},{"_id":"630729740e45d758b7f821af","type":"link","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay"},{"priority":0,"_id":"61ac6ab2a375fb2266f3dd41","type":"page","label":"About Me","page":"60ac900061f5f47b572b717b"}],"customCSSDraft":{"home":".blog-header{\n background: #2696E8!important;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\nheader, .blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n background: #FFFFFF !important;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8 !important;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title.css-xyh8wp{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}header,.blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}.blog-sub-header-nav a{color:#fff !important}.blog-social-media-section{color:#fff !important}nav a,.blog-nav{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.blog-page-content .blog-page-title{color:#2696e8 !important}.prose hr{border-top:4px dotted #2696e8}"},"customCSSEnabled":false,"customCSSPublished":{"home":".blog-header{\n background: #2696E8!important;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\nheader, .blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n background: #FFFFFF !important;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8 !important;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title.css-xyh8wp{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}header,.blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}.blog-sub-header-nav a{color:#fff !important}.blog-social-media-section{color:#fff !important}nav a,.blog-nav{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.blog-page-content .blog-page-title{color:#2696e8 !important}.prose hr{border-top:4px dotted #2696e8}"},"domainStatus":{"ready":true,"certIssued":true,"status":"VERIFIED","verifiedAt":"2024-11-27T14:52:22.626Z"},"isEligibleFor2021EoyReview":true,"pageViews2021":41795,"fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"G-T05598BSQN","hotjarSiteID":"3219990","matomoSiteID":null,"matomoURL":"","metaTags":"\n\n\n\n","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","umamiWebsiteUUID":"36a6a165-db09-4f2a-a110-9a770155735f","umamiDataImported":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675361557250/i3TYEeaNm.jpeg","wwwPrefixedDomain":"www.unclebigbay.com","wwwPrefixedDomainStatus":{"ready":true,"certIssued":true,"status":"VERIFIED","verifiedAt":"2024-11-27T14:52:20.604Z"},"domainUpdatedOn":"2024-11-27T14:52:22.626Z","blockBackupAllButton":false,"stripe":{},"pro":{"user":"5f4d36745cde85738158c193","hasProAccess":true,"updatedAt":"2024-11-25T14:15:21.280Z","cancelationEffectiveDate":"2025-07-09T00:00:00.000Z","canceledAt":"2024-11-25T14:15:20.000Z"},"disableFooterBranding":false,"readTimeHidden":false,"updatedAt":"2024-11-27T14:52:22.626Z","blockBackupAllDraftsButton":false,"emailImport":{"currentImport":{"importStartedAt":"2024-06-26T13:50:52.993Z","status":"SUCCESS","attemptedToImport":22,"filename":"Untitled spreadsheet - Sheet1 (2).csv","successfullyImported":20}},"gTagManagerID":"vcvcvcvvd","allowCrawlingByGPT":true,"isHeadless":false,"domainVerificationExecutionArn":"arn:aws:states:us-west-2:273870376973:execution:prod-VerifyPublicationCustomDomain:b012f7f5-5dbd-face-d548-7734cb3706f3_ad9cf996-eb2a-9a35-a771-7db593478bd5","customRules":[{"_id":"6661b9427f9adc8f0f8fcf9d","type":302,"path":"/youtube","destination":"https://www.youtube.com/"},{"_id":"66714bf9d4913ca777285c85","type":302,"path":"/code","destination":"https://codewithunclebigbay.com"}],"createdAt":"2020-08-31T17:42:51.000Z","isLegacyPro":true,"isTeam":true,"numFollowers":1}},{"_id":"65a50b107854b6d312f60350","views":451,"isActive":true,"type":"story","partOfPublication":true,"responseCount":2,"replyCount":3,"reactions":[],"totalReactions":67,"isPinnedToBlog":true,"title":"Build a Real-time Collaborative Whiteboard in NextJS With Supabase & Stream Video","cuid":"clresknuo00070al48ur275qh","dateAdded":"2024-01-15T10:38:08.833Z","isCoverAttributionHidden":false,"slug":"build-a-real-time-collaborative-whiteboard-in-nextjs-with-supabase-stream-video","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1705314943002/7eef06c0-47eb-4c63-b321-151a6b5e80bb.webp","brief":"Real-time applications are known to be complex and require a lot of expertise before bringing them to life. In this article, we're going to take a look at building a real-time collaborative whiteboard with video and live presence functionalities usin...","author":"5f4d36745cde85738158c193","readTime":49,"tags":["5f8499cb94b1323900e0d91e","584879f0c0aaf085e2012086","56744721958ef13879b94ad1","56744722958ef13879b9505d"],"publication":{"_id":"5f4d369be4e2417295cc5461","betaFeatures":{"newsletter":false,"embeds":false,"payments":true,"newsletterFullPost":true,"draftBackup":true,"githubAsSource":true},"views":{"today":55,"thisWeek":570,"lastWeek":1988,"thisMonth":2667,"allTime":353601},"badgePageEnabled":true,"newsletterEnabled":false,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":290,"1712102400":394,"1712188800":378,"1712275200":281,"1712361600":203,"1712448000":181,"1712534400":295,"1712620800":297,"1712707200":309,"1712793600":289,"1712880000":277,"1712966400":233,"1713052800":165,"1713139200":272,"1713225600":281,"1713312000":271,"1713398400":490,"1713484800":265,"1713571200":198,"1713657600":166,"1713744000":271,"1713830400":257,"1713916800":221,"1714003200":255,"1714089600":216,"1714176000":165,"1714262400":174,"1714348800":236,"1714435200":260,"1714521600":213},"author":"5f4d36745cde85738158c193","isActive":true,"username":"unclebigbay","domain":"unclebigbay.com","urlPattern":"simple","title":"Unclebigbay's 🚀 Blog","links":{"twitter":"https://twitter.com/unclebigbay143","instagram":"https://instagram.com/unclebigbay","github":"https://github.com/unclebay143","website":"https://www.codewithunclebigbay.com","hashnode":"https://hashnode.com/@Unclebigbay","youtube":"https://www.youtube.com/@unclebigbay","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay","mastodon":"https://techhub.social/@unclebigbay"},"__v":0,"hasBadges":true,"darkModeEnabled":true,"layout":"magazine","viewCountVisible":false,"imprint":"

Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on: www.codewithunclebigbay.com

Customer Success Engineer/Software Engineer @Hashnode

\n","menu":[{"_id":"665f5cfba477b5064cc33dde","type":"link","label":"CodeWithUnclebigbay","url":"https://www.codewithunclebigbay.com"},{"_id":"667165ea14ec7292ec945491","type":"link","label":"Youtube","url":"https://www.youtube.com/@unclebigbay"},{"_id":"630729740e45d758b7f821af","type":"link","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay"},{"priority":0,"_id":"61ac6ab2a375fb2266f3dd41","type":"page","label":"About Me","page":"60ac900061f5f47b572b717b"}],"customCSSDraft":{"home":".blog-header{\n background: #2696E8!important;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\nheader, .blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n background: #FFFFFF !important;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8 !important;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title.css-xyh8wp{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}header,.blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}.blog-sub-header-nav a{color:#fff !important}.blog-social-media-section{color:#fff !important}nav a,.blog-nav{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.blog-page-content .blog-page-title{color:#2696e8 !important}.prose hr{border-top:4px dotted #2696e8}"},"customCSSEnabled":false,"customCSSPublished":{"home":".blog-header{\n background: #2696E8!important;\n}\n\n.blog-title{\n color: #FFFFFF;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title.css-xyh8wp{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.prose h3{\n display: none;\n}","post":"body::-webkit-scrollbar {\n width: 1em;\n}\n\nimg{\n width: 1000px;\n height: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #2696e8;\n /*outline: 1px solid #333333;*/\n height: 5rem;\n border-radius: 25px;\n}\n\nheader, .blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n\n.blog-post-card-title{\n color: #900c3f !important;\n}\n\n.dark .blog-post-card-title{\n color: #ffffff !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n /*background: #FDD162;*/\n background: #FFFFFF !important;\n}\n\n.rock, .rock a{\n background-image: linear-gradient(to right,#2962ff,#28afd4);\n color: white !important;\n padding: 0.32rem 0.25rem;\n border-radius: 0.256rem;\n}\n\n.centered{\n text-align:center;\n display: flex;\n justify-content: center;\n align-content: center;\n width: 100%;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}\n\n.prose a {\n color: #2696e8;\n opacity: 0.8;\n}\n\n.prose a:hover{\n opacity: 1;\n text-decoration: underline;\n text-decoration-color: #2696e8;\n text-decoration-thickness: 3px;\n text-decoration-skip-ink: none;\n}\n\n.prose a, .under-line {\n\n opacity: 0.8;\n}\n\n\n\n.hover-underline-animation {\n display: inline-block;\n position: relative;\n color: #ffffff;\n}\n.hover-underline-animation::after {\n content: '';\n position: absolute;\n width: 100%;\n transform: scaleX(0);\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: #ffff00;\n transform-origin: bottom right;\n transition: transform 0.25s ease-out;\n}\n.hover-underline-animation:hover::after {\n transform: scaleX(1);\n transform-origin: bottom left;\n}\n\n\n.strikethrough{\n text-decoration: line-through;\n}","static":".blog-header{\n background: #2696E8 !important;\n}\n\n.blog-title{\n color: #FFFFFF !important;\n white-space: nowrap;\n}\n\n/*NAVBAR LINKS STYLES*/\n\n.blog-sub-header-nav a{\n color: #FFFFFF !important;\n}\n\n/*ICON STYLES*/\n\n.blog-social-media-section{\n color: #FFFFFF !important;\n}\n\nnav a, .blog-nav{\n color: #FFFFFF !important;\n}\n\n.blog-search-button,\n.blog-theme-switcher,\n.blog-settings{\n color: #FFFFFF !important;\n}\n\n/*ACTIVE LINK*/\n\n.blog-sub-header-nav .blog-nav-active{\n color: #333333 !important;\n background: #FFFFFF !important;\n}\n\n.blog-page-content .blog-page-title{\n color: #2696e8 !important;\n}\n\n\n.prose h3{\n /*display: none;*/\n}\n\n.prose hr{\n border-top: 4px dotted #2696E8;\n}","homeMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title.css-xyh8wp{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.prose h3{display:none}","postMin":"body::-webkit-scrollbar{width:1em}img{width:1000px;height:10px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#2696e8;height:5rem;border-radius:25px}header,.blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}nav a,.blog-nav{color:#fff !important}.blog-social-media-section{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-post-card-title{color:#900c3f !important}.dark .blog-post-card-title{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.rock,.rock a{background-image:linear-gradient(to right,#2962ff,#28afd4);color:white !important;padding:.32rem .25rem;border-radius:.256rem}.centered{text-align:center;display:flex;justify-content:center;align-content:center;width:100%}.prose hr{border-top:4px dotted #2696e8}.prose a{color:#2696e8;opacity:.8}.prose a:hover{opacity:1;text-decoration:underline;text-decoration-color:#2696e8;text-decoration-thickness:3px;text-decoration-skip-ink:none}.prose a,.under-line{opacity:.8}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.strikethrough{text-decoration:line-through}","staticMin":".blog-header{background:#2696e8 !important}.blog-title{color:#fff !important;white-space:nowrap}.blog-sub-header-nav a{color:#fff !important}.blog-social-media-section{color:#fff !important}nav a,.blog-nav{color:#fff !important}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff !important}.blog-sub-header-nav .blog-nav-active{color:#333 !important;background:#fff !important}.blog-page-content .blog-page-title{color:#2696e8 !important}.prose hr{border-top:4px dotted #2696e8}"},"domainStatus":{"ready":true,"certIssued":true,"status":"VERIFIED","verifiedAt":"2024-11-27T14:52:22.626Z"},"isEligibleFor2021EoyReview":true,"pageViews2021":41795,"fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"G-T05598BSQN","hotjarSiteID":"3219990","matomoSiteID":null,"matomoURL":"","metaTags":"\n\n\n\n","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","umamiWebsiteUUID":"36a6a165-db09-4f2a-a110-9a770155735f","umamiDataImported":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675361557250/i3TYEeaNm.jpeg","wwwPrefixedDomain":"www.unclebigbay.com","wwwPrefixedDomainStatus":{"ready":true,"certIssued":true,"status":"VERIFIED","verifiedAt":"2024-11-27T14:52:20.604Z"},"domainUpdatedOn":"2024-11-27T14:52:22.626Z","blockBackupAllButton":false,"stripe":{},"pro":{"user":"5f4d36745cde85738158c193","hasProAccess":true,"updatedAt":"2024-11-25T14:15:21.280Z","cancelationEffectiveDate":"2025-07-09T00:00:00.000Z","canceledAt":"2024-11-25T14:15:20.000Z"},"disableFooterBranding":false,"readTimeHidden":false,"updatedAt":"2024-11-27T14:52:22.626Z","blockBackupAllDraftsButton":false,"emailImport":{"currentImport":{"importStartedAt":"2024-06-26T13:50:52.993Z","status":"SUCCESS","attemptedToImport":22,"filename":"Untitled spreadsheet - Sheet1 (2).csv","successfullyImported":20}},"gTagManagerID":"vcvcvcvvd","allowCrawlingByGPT":true,"isHeadless":false,"domainVerificationExecutionArn":"arn:aws:states:us-west-2:273870376973:execution:prod-VerifyPublicationCustomDomain:b012f7f5-5dbd-face-d548-7734cb3706f3_ad9cf996-eb2a-9a35-a771-7db593478bd5","customRules":[{"_id":"6661b9427f9adc8f0f8fcf9d","type":302,"path":"/youtube","destination":"https://www.youtube.com/"},{"_id":"66714bf9d4913ca777285c85","type":302,"path":"/code","destination":"https://codewithunclebigbay.com"}],"createdAt":"2020-08-31T17:42:51.000Z","isLegacyPro":true,"isTeam":true,"numFollowers":1},"series":"61ac6b32a375fb2266f3dd4c","dateUpdated":"2024-03-13T13:12:03.251Z","contributors":[{"user":"63c46413d72a4e43689dae5c","stamp":"clsg3h8q8000e0ajtfmvmh85q"},{"user":"643acf2ad24796edf607c2f4","stamp":"clrg3yoxe000409jo637q4kdr"}]}]}]

Members (1)

Ayodele Samuel Adebayo