Sharing global data in Next.js with custom App and useContext Hook

How to use some global data in Next.js pages is a very common question new developers have. In this post, we'll do it with a custom App component and useContext Hook that's included in new React 16.8.

Kristian Heruc • February 24th, 2019

Lire Plus

A high level overview of React Hooks

I started using React Hooks for my new projects and I love the simplicity of code and increased productivity. In this post I'll give you a high level overview of Hooks and how you can start using them now without having to learn everything there is to know about them.

Kristian Heruc • February 18th, 2019

Lire Plus

Learn React by building websites with Next.js

If you are new to React, my suggestion is to try to build a simple, but production ready website. Learn just enough of React to be able to build upon your existing html/css/js knowledge. In this guide we'll use React & Next.js to build a simple portfolio website for an imaginary photography studio.

Kristian Heruc • February 15th, 2019

Lire Plus

Animating Next.js page transitions with Framer Motion

I've been testing several React animation libraries and Framer Motion made the highest impression on me. In this post we'll explore how to use Framer Motion to animate Next.js page transitions.

Kristian Heruc • September 17th, 2019

Lire Plus

Nested dynamic layouts in Next.js apps

How to implement nested and dynamic layouts is a question that comes up often in the Next.js community. In this post, we'll explore how to create a Next.js app with one global layout and multiple (dynamic) sub-layouts for different sections of the website.

Kristian Heruc • September 9th, 2019

Lire Plus

Exploring Next.js 9 Dynamic Routing & API Routes

Next.js 9 has been released yesterday with some amazing new features. In this post we'll create a simple RSS feed reader to explore how to use the new file system based dynamic routing and API routes.

Kristian Heruc • July 9th, 2019

Lire Plus

Building an AMP website with React & Next.js

A new Next.js 8.1 release with support for authoring AMP pages has been introduced last week. In this post we'll explore how to set up AMP pages with Next.js.

Kristian Heruc • April 27th, 2019

Lire Plus

Sharing global data in Next.js with custom App and useContext Hook

How to use some global data in Next.js pages is a very common question new developers have. In this post, we'll do it with a custom App component and useContext Hook that's included in new React 16.8.

Kristian Heruc • February 24th, 2019

Lire Plus

A high level overview of React Hooks

I started using React Hooks for my new projects and I love the simplicity of code and increased productivity. In this post I'll give you a high level overview of Hooks and how you can start using them now without having to learn everything there is to know about them.

Kristian Heruc • February 18th, 2019

Lire Plus

Learn React by building websites with Next.js

If you are new to React, my suggestion is to try to build a simple, but production ready website. Learn just enough of React to be able to build upon your existing html/css/js knowledge. In this guide we'll use React & Next.js to build a simple portfolio website for an imaginary photography studio.

Kristian Heruc • February 15th, 2019

Lire Plus

Animating Next.js page transitions with Framer Motion

I've been testing several React animation libraries and Framer Motion made the highest impression on me. In this post we'll explore how to use Framer Motion to animate Next.js page transitions.

Kristian Heruc • September 17th, 2019

Lire Plus

Nested dynamic layouts in Next.js apps

How to implement nested and dynamic layouts is a question that comes up often in the Next.js community. In this post, we'll explore how to create a Next.js app with one global layout and multiple (dynamic) sub-layouts for different sections of the website.

Kristian Heruc • September 9th, 2019

Lire Plus

Exploring Next.js 9 Dynamic Routing & API Routes

Next.js 9 has been released yesterday with some amazing new features. In this post we'll create a simple RSS feed reader to explore how to use the new file system based dynamic routing and API routes.

Kristian Heruc • July 9th, 2019

Lire Plus

Building an AMP website with React & Next.js

A new Next.js 8.1 release with support for authoring AMP pages has been introduced last week. In this post we'll explore how to set up AMP pages with Next.js.

Kristian Heruc • April 27th, 2019

Lire Plus

Sharing global data in Next.js with custom App and useContext Hook

How to use some global data in Next.js pages is a very common question new developers have. In this post, we'll do it with a custom App component and useContext Hook that's included in new React 16.8.

Kristian Heruc • February 24th, 2019

Lire Plus

A high level overview of React Hooks

I started using React Hooks for my new projects and I love the simplicity of code and increased productivity. In this post I'll give you a high level overview of Hooks and how you can start using them now without having to learn everything there is to know about them.

Kristian Heruc • February 18th, 2019

Lire Plus

Learn React by building websites with Next.js

If you are new to React, my suggestion is to try to build a simple, but production ready website. Learn just enough of React to be able to build upon your existing html/css/js knowledge. In this guide we'll use React & Next.js to build a simple portfolio website for an imaginary photography studio.

Kristian Heruc • February 15th, 2019

Lire Plus