A common pattern that is used in development is to use a UI framework to handle styling for the components that you build. This super charges your feature development and can allow you to iterate faster at a higher quality.

For many of these frameworks, you will need to do some set up. This lesson takes you through the set up of Chakra UI in Next.js. You’ll find that you will need to adjust your _app and document files to get started with UI frameworks in Next.js. In this lesson, we will get Chakra set up as well as provide our app with an initial color scheme.