Using Multiple Classes With React CSS Modules
Learn how you can apply styles from selectors with multiple classes in CSS modules.
All Posts
Explore posts by category
Fix Docker Permission Denied Error for node_modules
Learn how to fix Docker permission error for node_modules directory.
How to Create Tabs With JavaScript
Learn how to create tabs using JavaScript, HTML and CSS. Improve the tab accessibility using various ARIA attributes and enabling keyboard navigation.
Creating a Custom Button Component in React
Learn how to create your own button component in React. Make it accept all standard HTML button attributes.
Using Socket.IO With React Hooks
Learn how to use Socket.IO with hooks in React. Write a custom hook that handles events.
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.