Code Gino

My Blogs


Filter by tags

international cookies

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

Saturday, December 9, 2023

reactnextjsi18n
short link

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.

Monday, August 21, 2023

reactnextjs
international

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

Wednesday, August 9, 2023

reactnextjsi18n

Next.js and OpenAI Text Completion

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

Thursday, March 30, 2023

nextjstailwindopenai
synchronized swimming

Synchronize Chrome Extensions state

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

Monday, March 6, 2023

sveltetailwindchrome extension
options

Add an Options Page to Chrome Extension

Learn how to add an options page to your Chrome Extension

Friday, February 24, 2023

sveltetailwindchrome extension
power extensions

Svelte and Tailwind for Chrome Extension

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

Thursday, February 16, 2023

sveltetailwindchrome extension
hoist

How JavaScript hoisting actually works

You probably do not know what really is happening

Wednesday, October 12, 2022

javascripttech
sink

Sync React application state with the URL

A simplified approach to managing external states

Wednesday, September 21, 2022

reacttech
open sea

How to fetch NFT collection using JavaScript and OpenSea API

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

Monday, May 16, 2022

NFT
flags

NextJS i18n/Internationalization

A guide on how to add i18n in your NextJS application

Wednesday, March 23, 2022

reacttechnextjs
seo

Remix Search Engine Optimization

How to improve SEO in your Remix application

Thursday, March 17, 2022

reacttechremixseo
google searching

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

Thursday, February 17, 2022

seo
best practice

Lighthouse Best Practices Cheat Sheet

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

Monday, February 7, 2022

lighthouse
seo

Search Engine Optimization Cheat Sheet

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

Monday, January 3, 2022

SEO
accessible

Web Accessibility Cheat Sheet

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

Monday, December 27, 2021

accessibility
performance

Web Performance Cheat Sheet

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

Wednesday, December 22, 2021

performance
stock market crash

How to handle errors gracefully in Remix

How to use ErrorBoundary and CatchBoundary in error handling

Thursday, December 16, 2021

reacttechremix
screpy

Screpy - Website analysis tool

How Screpy helped me to improve my website

Saturday, December 11, 2021

reviewtools
lock

Remix and Supabase Authentication

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

Thursday, December 9, 2021

reacttechremixsupabase
wind turbines

Styling Remix using Tailwind and PostCSS

How to style a Remix app using Tailwind and PostCSS

Saturday, December 4, 2021

reacttechremix
coloring pencils

Styling Remix using Vanilla CSS

How to style a Remix app using Plain CSS

Wednesday, December 1, 2021

reacttechremix
integration

Remix with Database integration

How to use Remix and Supabase for CRUD operations

Saturday, November 27, 2021

reacttechremixsupabase
newsletter

Staying updated using newsletters

How I learn new things at my convenience

Thursday, November 25, 2021

productivity
DJ mixer

Getting started with Remix

How to start working on a Remix project

Tuesday, November 23, 2021

reacttechremix
chick hiding

Handling sensitive client-side API keys in Next

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

Saturday, November 20, 2021

reacttechnextjs
cozy environment

Next.js environment variables

A guide on how to use Next.js environment variables

Friday, November 19, 2021

reacttechnextjs
loading timber

Handling image loading and error state in Next.js

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

Wednesday, November 17, 2021

reacttechnextjs
blurred

Dynamic image placeholder in Next.js

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

Sunday, November 14, 2021

reacttechnextjs
ripple effect

React useEffect Hook

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

Wednesday, November 10, 2021

reacttech
old map

React life cycle methods to useEffect

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

Tuesday, November 9, 2021

reacttech
callback

React setState callback function

What is the callback function in a setState for?

Monday, October 25, 2021

reacttech
lazy cat

React useState callback function

What is the callback function in a useState for?

Friday, October 22, 2021

reacttech
hook in a terrible state

React useState Hook

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

Thursday, October 21, 2021

reacttech

Stay up to date 🚀

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

No spam. Unsubscribe anytime.

Get started