#ai#webdev#programming#javascript
Classify data with an AI decision model
When a decision model beats a chat model for classification TL;DR For classification,...
Carlo Gino Catapang7 min read
Author profile
Carlo Gino Catapang
Professional Copy-Paste Engineer. Highly skilled in using Google search, StackOverflow, and ChatGPT. (I know how to center a div!)
Articles by @codegino
Browse the latest writing surfaced through DevArt.
Carlo Gino Catapang7 min read
#ai#webdev#react#postgres
Add AI search to existing application
How to add semantic search to an existing app using an embedding model and pgvector ...
Carlo Gino Catapang12 min read
#nextjs#react#webdev#javascript
Build a multilingual NextJS app using the new app directory - cookie-based
Learn how to build a multilingual NextJS app using the new app directory and i18next library ...
Carlo Gino Catapang10 min read
#watercooler#ai#novel
CodeCraft: Full-Stack Chapter 3
The hammering sounds of construction woke Jason as sunlight filtered through the window of the small...
Carlo Gino Catapang15 min read
#watercooler#ai#novel
CodeCraft: Full-Stack Chapter 2
Jason awoke to unfamiliar sounds replacing the city's usual hum. The chirping of unknown birds and...
Carlo Gino Catapang8 min read
#watercooler#ai#novel
CodeCraft: Full-Stack Chapter 1
It was a sunny day, the city soaking in the warmth of the sun. The skyline was a testament to the...
Carlo Gino Catapang6 min read
#watercooler#ai#novel
CodeCraft: Full-Stack Chapter 0
In a world where spells were cast with the precision of finely written code and magical laws operated...
Carlo Gino Catapang6 min read
CodeCraft: The Full-Stack Wizard's Journey Part 2
Check the text-to-speech version here(might sound very robotic). Chapter 13: Cloud...
Carlo Gino Catapang20 min read
#nextjs#react#javascript#webdev
Build a free link shortener with Next.js and Vercel Postgres
Create a link shortener with Next.js and Vercel Postgres. Learn dynamic routing, database connection,...
Carlo Gino Catapang7 min read
#nextjs#javascript#react#webdev
Build a multilingual NextJS app using the new app directory
Learn how to build a multilingual NextJS app using the new app directory and i18next library ...
Carlo Gino Catapang11 min read
#javascript#openai#react#nextjs
Build a simple AI-powered Q&A using Next.js and OpenAI Text Completion
TL;DR Check these API implementation and frontend implementation on Github. ...
Carlo Gino Catapang7 min read
#watercooler
I asked ChatGPT to generate a song about centering a div
[Verse 1] I'm a Frontend dev, with my code so tight I'm gonna center this div and make it look just...
Carlo Gino Catapang1 min read
#webdev#javascript#svelte#beginners
Synchronize Chrome Extensions state using custom events
How to use custom events to sync state between Chrome Extension instances ...
Carlo Gino Catapang5 min read#webdev#beginners#svelte#javascript
Add an Options Page to Chrome Extension
Learn how to add an options page to your Chrome Extension Introduction This is a...
Carlo Gino Catapang3 min read
#github#security#vscode#docker
Svelte and Tailwind for building Chrome Extension
A step-by-step guide on how to create a Chrome Extension using Svelte and Tailwind CSS ...
Carlo Gino Catapang6 min read#javascript#beginners#programming#webdev
You probably don't know how JavaScript hoisting works
What we used to know According to w3schools "Hoisting is JavaScript's default...
Carlo Gino Catapang6 min read#react#javascript#webdev#beginners
Sync React application state with the URL
A simplified approach to managing external states TL;DR Check the github repo here Jump...
Carlo Gino Catapang6 min read#javascript#webdev#nft#web3
How to fetch NFT collection using JavaScript and OpenSea API
TLDR Check the code here Check my list of NFTs here ...
Carlo Gino Catapang3 min read
#webdev#react#nextjs#javascript
NextJS i18n/Internationalization
Table of Contents TL;DR Source and Demo Introduction Project Setup Internationalized...
Carlo Gino Catapang9 min read#webdev#javascript#react#remix
Remix Search Engine Optimization
TL;DR Here is the Remix SEO checklist High quality...
Carlo Gino Catapang6 min read#webdev#beginners#tutorial#programming
How to make your web page appear in Google Search results
Table of Contents Introduction Prerequisites Verify ownership Index the page Test the web...
Carlo Gino Catapang5 min read#webdev#html#beginners#javascript
Lighthouse Best Practices Cheat Sheet
TL;DR Use Lighthouse to check if your website is following the list of best practices....
Carlo Gino Catapang3 min read#webdev#beginners#tutorial#html
Search Engine Optimization Cheat Sheet
Table of Contents Introduction Page Speed SEO Specific Guidelines TL;DR Use...
Carlo Gino Catapang4 min read#webdev#beginners#html#tutorial
Web Accessibility Cheat Sheet
Table of Contents Introduction ARIA Navigation Semantic...
Carlo Gino Catapang10 min read#webdev#performance#beginners#javascript
Web Performance Cheat Sheet
Table of Contents Introduction (LCP) Largest Contentful Paint (FCP) First Contentful...
Carlo Gino Catapang8 min read#react#remix#javascript#webdev
How to handle errors gracefully in Remix
Using ErrorBoundary and CatchBoundary in error handling How Remix handles...
Carlo Gino Catapang3 min read#javascript#webdev#react#remix
Remix and Supabase Authentication
How to secure a Remix and Supabase application using Row Level Security NOTE: This...
Carlo Gino Catapang8 min read#javascript#react#remix#webdev
Styling Remix using Tailwind and PostCSS
Table of Contents TL;DR: Source and Demo Introduction Dependencies Add scripts Styles...
Carlo Gino Catapang5 min read#react#remix#javascript#webdev
Styling Remix using Vanilla CSS
Table of Contents TL;DR: Source and Demo Introduction Cleaning up Global...
Carlo Gino Catapang10 min read#react#javascript#webdev#remix
Remix and Database integration
Table Of Contents TL;DR Source and Demo Preface App Overview Prerequisites Supabase...
Carlo Gino Catapang13 min readAdvertisement