codegino

My Blogs

36 posts

Filter by tags

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

2022

  1. sink
    #react #tech

    Sync React application state with the URL

    A simplified approach to managing external states

  2. flags
    #react #tech #nextjs

    NextJS i18n/Internationalization

    A guide on how to add i18n in your NextJS application

  3. seo
    #react #tech #remix

    Remix Search Engine Optimization

    How to improve SEO in your Remix application

2021

  1. stock market crash
    #react #tech #remix

    How to handle errors gracefully in Remix

    How to use ErrorBoundary and CatchBoundary in error handling

  2. lock
    #react #tech #remix

    Remix and Supabase Authentication

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

  3. wind turbines
    #react #tech #remix

    Styling Remix using Tailwind and PostCSS

    How to style a Remix app using Tailwind and PostCSS

  4. coloring pencils
    #react #tech #remix

    Styling Remix using Vanilla CSS

    How to style a Remix app using Plain CSS

  5. integration
    #react #tech #remix

    Remix with Database integration

    How to use Remix and Supabase for CRUD operations

  6. DJ mixer
    #react #tech #remix

    Getting started with Remix

    How to start working on a Remix project

  7. 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

  8. cozy environment
    #react #tech #nextjs

    Next.js environment variables

    A guide on how to use Next.js environment variables

  9. 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

  10. blurred
    #react #tech #nextjs

    Dynamic image placeholder in Next.js

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

  11. ripple effect
    #react #tech

    React useEffect Hook

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

  12. old map
    #react #tech

    React life cycle methods to useEffect

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

  13. callback
    #react #tech

    React setState callback function

    What is the callback function in a setState for?

  14. lazy cat
    #react #tech

    React useState callback function

    What is the callback function in a useState for?

  15. 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 📰.