Using Socket.IO With React Hooks
Learn how to use Socket.IO with hooks in React. Write a custom hook that handles events.
All Posts
Explore posts by category
How to Fix unknownAtRules Warnings From Tailwind CSS
CSS/
Learn how to resolve unknownAtRules warnings that appear when using directives from Tailwind CSS.
Dynamic Classes in Tailwind CSS
CSS/
Learn why dynamic classes don’t work in Tailwind CSS and how to fix that.
Working With Data Attributes in JavaScript
Learn how to use HTML data attributes in JavaScript.
How to Use Custom Fonts in Tailwind CSS
CSS/
Learn how to change the font in your Tailwind CSS project.
Importing Font Files in CSS
CSS/
Learn how to import a font file in CSS. You can also do that to self-host Google Fonts.
Set up WordPress With Docker for Local Development
Learn how to set up WordPress using Docker. Use it as a local development setup to create custom themes and plugins.
Compiling SCSS to CSS
CSS/
Learn how to compile Sass (with SCSS syntax) to CSS. Perfect for small projects that don’t use frameworks like React.
Wrap a Component Inside Another in React
How do you wrap one component in another in React? Read and learn about composition and creating wrapper components.
Passing Data From Child to Parent in React
This is a quick how-to guide if you want to learn how to pass data from a child to a parent component in React.
How to Access Docker Containers
Learn how to access Docker container logs, shell or standard input and output. If it’s running a command inside one of them or logging into the shell of another one, you will learn the necessary Docker commands.
Using ESM in Next.js
Next.js has great ES modules support of out box. But some scripts might still use CommonJS. Learn how to set up your Next.js project to always use ESM.
Adding a Favicon in Next.js
There are many ways of adding metadata to the head of a Next.js site. Learn which way to use to add a favicon to your project.
How to Use Multiple Layouts in Next.js
Learn how to use more than one layout in Next.js. Create a default layout that is used in every page. Override the default layout in a page with another layout.
Adding Structured Data in Next.js
Learn how to set up your Next.js project with structured data that helps search engines better understand content of your pages.
Creating an SEO Component in Next.js
Learn how to improve your Next.js site’s on-page SEO by creating a reusable component.
Set Canonical URL in Next.js
Learn how to set a clean canonical URL for current page.
How to Get Current Route in Next.js
Learn how to get current route in your Next.js application.
Heroku Free Tier Alternatives for Node.js Projects
Heroku free tier alternative services for testing or hosting small Node.js applications.
Hiding Components on Page Change in Next.js
Learn how to hide a component in Next.js by changing its state while user is navigating from one page to another.
How to Learn Tailwind CSS
CSS/
Learn the basics you need to know to start working with Tailwind CSS.
How to Set Up MDX in Next.js
A guide on adding MDX to your Next.js project. You will learn how to set up MDX with 3 different packages to choose which one fits your needs the best.
How to Navigate to Another Page in React
A guide to navigating from one page to another in React. Learn how to use React Router to navigate between internal pages in single page applications. Or, just use plain JavaScript.
Migrating a Markdown Blog From Gatsby to Next.js
A list of things to consider when migrating a Markdown blog from Gatsby to Next.js.
How to Start a Blog With Next.JS
An overview of things you should think about before creating a blog with Next.js.