Monorepo Tutorial With Lerna, Storybook & Next.js

Developer Tools Javascript UI Libraries JS Library

Storybook Landing Page
1

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.

#React #React Components #Developer Tools 225 social mentions
React Landing Page
2

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
We’ll be creating the components package inside the packages directory. In this monorepo package, we’ll be building React components which will be consumed by our Next.js application (front-end package).

#Javascript UI Libraries #JS Library #JavaScript Framework 813 social mentions
Next.js Landing Page
3

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.

#Developer Tools #Web Frameworks #JavaScript Framework 1065 social mentions
Lerna Landing Page
4

Lerna

Application and Data, Libraries, and Javascript Utilities & Libraries
Pricing:
- Open Source
In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.

#Javascript UI Libraries #JS Library #JS Build Tools 55 social mentions