Next.js EUI Starter

Next.js EUI Starter

Welcome to Next.js EUI Starter

The Next.js Starter uses Next.js(opens in a new tab or window), EUI library(opens in a new tab or window), and Emotion(opens in a new tab or window) to help you make prototypes. You just need to know a few basic Next.js concepts and how to use EUI and you're ready to ship it!

Getting started

Why should you use this starter?

Sometimes you just need to prototype new functionality or test a new feature. This starter gives you an easy way to start experimenting with EUI.

We always recommend using CodeSandbox(opens in a new tab or window) for testing small patterns or functionalities. But when it comes to more complex patterns, this starter can definitely help you out.

Prototype

This starter comes with Next.js, EUI, and Emotion so these give an easy setup to prototype.

Learn how to code

An easy way to learn how to use EUI and ReactJS, or Emotion.

Experiment

This starter gives you the perfect environment to experiment with functionalities, plugins, or anything custom.

Test functionality

The perfect environment to test a new EUI component or any ReactJS react component.

Easy start with templates

To help you get started we provide two templates with some out-of-the-box patterns.

Kibana template

This template comes with a collapsible navbar and two stacked headers just like Kibana is today. On the top header, you can toggle the dark and light theme.

Preview Kibana template

Docs template

This template comes with a side nav and one header where you can toggle the dark and light theme. It has a similar layout as the EUI docs site or Elastic docs.

Preview Docs template