Martin Rodin

Responsive text with React, Tailwind CSS and TypeScript

Responsive font size is an important part in making your web look good on every device. Here's how I do it with React, Tailwind CSS and TypeScript.

Next.js: How to put non-page files into pages directory

Improve the structure of your Next.js project by collocating all your module files in pages directory.

Static and server-side rendering with Next.js

Server side rendering can be a complicated matter. Let me show you how you can use Next.js to seamlessly combine static and server side rendering in a single project.

Counting ordered React components

Have you ever needed to count how many instances of a component is rendered on-screen and show this information to the user? Did you know that you can do this quite easily with a little CSS and few lines of code? Find out more in this article.

How to make focusable React box components with ease

Read on if you want to find out how to apply a style to a component that is focused or has a focused element within. All using a little CSS.