Using Bootstrap in Next.js + free starter

Oct 20, 20214 min read

I'll be completely honest with you. I haven't used Bootstrap in a while. But that doesn't take away that it's still widely used by a lot of people. A loyal reader Neeraj asked me to write down a tutorial on integrating Bootstrap with Next.js (Thank y...

Using Bootstrap in Next.js + free starter

React basics: creating a custom media query hook

Oct 19, 20214 min read

So far, we have checked out some pre-defined basic hooks in React. React useState hook React useEffect hook React useContext hook But there is another way you can go about this: creating your own custom hooks. Let's put it to the test and see why w...

React basics: creating a custom media query hook

Building an Astro website with WordPress as a headless CMS

Oct 18, 202110 min read

This article is originally posted on the OpenReplay blog Hi everyone! I'm sure you've heard of WordPress, and you may or may not like it. In this article, I'll show you how you can leverage only the good parts of WordPress by using it as a headless...

Building an Astro website with WordPress as a headless CMS

React basics: explaining the useContext hook

Oct 17, 20214 min read

Sometimes we have data that we need to access in almost all parts of our components. It will become a hassle to pass them down to each component, exactly where context comes in. In this example, I'll use a specific theme for a website. Our website ha...

React basics: explaining the useContext hook

React basics: explaining the useEffect hook

Oct 16, 20213 min read

Hooks are a superb way to store and manage state inside React components. The useEffect hook gives us an easy way to perform side effects. Basically this hook replaces the old React class lifecycles like componentDidMount, componenntDidUpdate, and co...

React basics: explaining the useEffect hook

React basics: explaining the useState hook

Oct 15, 20213 min read

Hooks are a superb way to store and manage state inside React components. The useState hook is a super-easy way to maintain states efficiently. Declaring a new state To use the hook, we first need to import it from React like so: import React, { useS...

React basics: explaining the useState hook