Tutorial overview

Here’s a preview of what you will build:

This tutorial is intended for people with all amounts of web development experience. If you want to jump straight to code, you may want to skip this tutorial and go to the developers getting started page.

This is a web development tutorial that uses the Carbon React components built with Next.js. If you’re just getting started with React and enjoy learning-by-doing, check out the official React intro tutorial. You’ll want to supplement that with their step-by-step guide.

As mentioned, we will be building this app using Next.js. Don’t worry, no prior knowledge about Next.js will be needed. Check out the official Next.js introduction. If you want to learn more you can supplement that with their step-by-step tutorial.

React apps often use the latest and greatest from JavaScript (ES6/ES2015). You’ll want to be up to speed on the most commonly used features of the language. Let’s Learn ES6 covers those features in depth.

We’ll be using GitHub to build an app together, so if you’re new to GitHub, make sure you’ve made an account. Their getting started guide is a great way to learn GitHub.

This tutorial uses Yarn for dependency management so we can take advantage of offline installs. Make sure that you have Yarn installed prior to starting the tutorial so you can follow along step-by-step.

Each step in this tutorial illustrates a different aspect of developing web applications with Carbon. We recommend starting with step 1, but you can pick up any step and take it from there.