Caleb O.
This page is just where I keep track of the articles I've written on the internet. In total, I have published 96 articles.
Smashing Magazine (3)
Bird Labs (2)
Remotion Docs (5)
FreecodeCamp (8)
How to Build a Table of Contents Component for Your BlogDestructure Object Properties Using array.map in ReactHow to Build Your Own Blog with Next.js and MDXHow to Bypass ES Modules Errors in Next.js with Dynamic ImportsHow to Convert react-dropdown-select's Default Value from Array to StringDynamic Navigation in Next.js – How to Render Nav-Items Dynamically in a Next AppHow to Use Environment Variables in VanillaJSHow to Set Width Ranges for Your CSS Media Queries
DEV (10)
All the metatags you might need for SEO in one React component.Building an npm package in 2023How to add a 'load more' button to your blogImproving image performance on the webI reduced an npm package size by 50% with minificationHow to implement protected routes in Next.jsBreak into web3 by joining this hackathonHow to create a Preloader in Next.jsBuilding a client database of people in ReactSetup a React App with Parcel
Section Engineering (4)
Hashnode (16)
How to add SEO Meta tags in your Next.js appsMapping array data to web-page with vanillaJSWriting static checks in a React appA simple guide to the placeholder attributeAutofill in formsThe travails of using WebpackComponent mapping in ReactThe ABC of CSS animationUnderstanding import and export statements in JavaScriptTools you can use to create a custom cover photo for your articleGitLens, a VScode extension that probably resolves conflicts among developersA React app architectureTwo very simple ways to render UI conditionally in ReactHow to optimize your netlify build timeOne, out of my nuerous conversations with GitChaining Animations in CSS
My Blog (46)
How i fixed a UX issue with a Polling mechanismI opened three Next.js projects with Zed and my PC did not prepare for liftoffMonkey patching: refresh token mechanism in ReactOAuth with Supabase in a Vite React appHow to use react-spring with Chakra UIMoving husky pre-commit hook into Github ActionsBlur images onLoad with Next.jsQuerying a mongodb collection2024 — outside the four walls of a classroomEdge function timeouts of next/image on NetlifyBuilding a Pagination feature with SWRPersisting auth state in Next.js, React Context and cookie wrappersNext.js supports styled-components now?pageExtensions in Next.jsConfirm email with Djoser in a Next.js appActive nested routes in Next.js — How I figured it outTypeScript Unions — How I used itFixing href interpolation errors in Next.jsHere's how to use React Suspense in Next.jsAuthentication in Next.js with cookies and getServerSidePropsYou Might not need a state-management LibraryMasking endpoints with Next.js API routesAdding post controllers to my blogOptional props in TypeScriptuseRef instead of querySelector in ReactHow to fix styled-components server mismatch error in Next.jshandleChange in TypeScriptAdd a preloader to a Next.js site — the right wayJavaScript in CSS — A subtle approachPreventing the default scroll event with Next.js useRouterType-checking with TypeScript in React2022 — you evasive psycho!Building a real-time views component with Next.js and MongoDBUsing PropTypes in ReactProduction error with the .next directory on NetlifyInternationalization in Next.jsMy fair share of rehydration in ReactGatsby's link component feels trickyAnimating SVGs with RemotionBuild a re-usable YouTube embed component with ReactTime's up. But, I'm not done yet.The CSS overview devtoolThe grayscale CSS Filter effectStyling the Next.js image componentSocial sharing meta tags error in Next.jsNext.js Image optimization error on Netlify