codegino

My Blogs

36 posts

Filter by tags

2026

  1. robot checking a box
    #nextjs #ai #postgres

    Classify data with an AI decision model

    When a decision model beats a chat model for classification

  2. robot search
    #nextjs #ai #postgres

    Add AI search to existing application

    How to add semantic search to an existing app using an embedding model and pgvector

2023

  1. international cookies
    #react #nextjs #i18n

    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

  2. short link
    #react #nextjs

    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, and domain customization.

  3. international
    #react #nextjs #i18n

    Build a multilingual NextJS app using the new app directory - URL-based

    Learn how to build a multilingual NextJS app using the new app directory and i18next library

  4. Next.js and OpenAI Text Completion
    #nextjs #tailwind #openai

    Next.js and OpenAI Text Completion

    How to build a simple Q&A using Next.js and OpenAI Text Completion

  5. synchronized swimming
    #svelte #tailwind #chrome extension

    Synchronize Chrome Extensions state

    How to use custom events to sync state between Chrome Extension instances

  6. options
    #svelte #tailwind #chrome extension

    Add an Options Page to Chrome Extension

    Learn how to add an options page to your Chrome Extension

  7. power extensions
    #svelte #tailwind #chrome extension

    Svelte and Tailwind for Chrome Extension

    A step-by-step guide on how to create a Chrome Extension using Svelte and Tailwind CSS

2022

  1. hoist
    #javascript #tech

    How JavaScript hoisting actually works

    You probably do not know what really is happening

  2. sink
    #react #tech

    Sync React application state with the URL

    A simplified approach to managing external states

  3. open sea
    #NFT

    How to fetch NFT collection using JavaScript and OpenSea API

    A simple guide on how to use OpenSea's API to fetch your assets

  4. flags
    #react #tech #nextjs

    NextJS i18n/Internationalization

    A guide on how to add i18n in your NextJS application

  5. seo
    #react #tech #remix

    Remix Search Engine Optimization

    How to improve SEO in your Remix application

  6. google searching
    #seo

    How to make your web pages appear in Google Search results

    A guide on using Google Search Console to add your web pages in Google Search results

  7. best practice
    #lighthouse

    Lighthouse Best Practices Cheat Sheet

    Checklist of general practices to improve the overall code health of your web app

  8. seo
    #SEO

    Search Engine Optimization Cheat Sheet

    Checklist of things to consider to improve the SEO of your website

2021

  1. accessible
    #accessibility

    Web Accessibility Cheat Sheet

    Checklist of things to consider to improve the accessibility of your website

  2. performance
    #performance

    Web Performance Cheat Sheet

    Checklist of things to consider to improve the performance of your website

  3. stock market crash
    #react #tech #remix

    How to handle errors gracefully in Remix

    How to use ErrorBoundary and CatchBoundary in error handling

  4. screpy
    #review #tools

    Screpy - Website analysis tool

    How Screpy helped me to improve my website

  5. lock
    #react #tech #remix

    Remix and Supabase Authentication

    How to secure a Remix and Supabase application using Row Level Security

  6. wind turbines
    #react #tech #remix

    Styling Remix using Tailwind and PostCSS

    How to style a Remix app using Tailwind and PostCSS

  7. coloring pencils
    #react #tech #remix

    Styling Remix using Vanilla CSS

    How to style a Remix app using Plain CSS

  8. integration
    #react #tech #remix

    Remix with Database integration

    How to use Remix and Supabase for CRUD operations

  9. newsletter
    #productivity

    Staying updated using newsletters

    How I learn new things at my convenience

  10. DJ mixer
    #react #tech #remix

    Getting started with Remix

    How to start working on a Remix project

  11. chick hiding
    #react #tech #nextjs

    Handling sensitive client-side API keys in Next

    How to protect your API keys from being leaked to the client-side

  12. cozy environment
    #react #tech #nextjs

    Next.js environment variables

    A guide on how to use Next.js environment variables

  13. loading timber
    #react #tech #nextjs

    Handling image loading and error state in Next.js

    A guide on how to use placeholder and onError props in Next.js

  14. blurred
    #react #tech #nextjs

    Dynamic image placeholder in Next.js

    A guide on how to create a dynamic image placeholder in Next.js

  15. ripple effect
    #react #tech

    React useEffect Hook

    An introduction on how to use useEffect Hook in your React application

  16. old map
    #react #tech

    React life cycle methods to useEffect

    How to map a React class life cycle methods/hooks to useEffect

  17. callback
    #react #tech

    React setState callback function

    What is the callback function in a setState for?

  18. lazy cat
    #react #tech

    React useState callback function

    What is the callback function in a useState for?

  19. hook in a terrible state
    #react #tech

    React useState Hook

    An introduction on how to use useState Hook in your React application

Sign up

Subscribe to my newsletter, and you‘ll be the first to know my latest content 📰.