Using Socket.IO With React Hooks
Learn how to use Socket.IO with hooks in React. Write a custom hook that handles events.
Explore posts by category
Learn how to use Socket.IO with hooks in React. Write a custom hook that handles events.
CSS/
Learn how to resolve unknownAtRules warnings that appear when using directives from Tailwind CSS.
CSS/
Learn why dynamic classes don’t work in Tailwind CSS and how to fix that.
Learn how to use HTML data attributes in JavaScript.
CSS/
Learn how to change the font in your Tailwind CSS project.
CSS/
Learn how to import a font file in CSS. You can also do that to self-host Google Fonts.
Learn how to set up WordPress using Docker. Use it as a local development setup to create custom themes and plugins.
CSS/
Learn how to compile Sass (with SCSS syntax) to CSS. Perfect for small projects that don’t use frameworks like React.
How do you wrap one component in another in React? Read and learn about composition and creating wrapper components.
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.
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.
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.
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.
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.
Learn how to set up your Next.js project with structured data that helps search engines better understand content of your pages.
Learn how to improve your Next.js site’s on-page SEO by creating a reusable component.
Learn how to set a clean canonical URL for current page.
Learn how to get current route in your Next.js application.
Heroku free tier alternative services for testing or hosting small Node.js applications.
Learn how to hide a component in Next.js by changing its state while user is navigating from one page to another.
CSS/
Learn the basics you need to know to start working with Tailwind CSS.
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.
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.
A list of things to consider when migrating a Markdown blog from Gatsby to Next.js.
An overview of things you should think about before creating a blog with Next.js.