Getting started

Step 1

Install yarn

This starter expects to use yarn to manage dependencies, so go install it.

Step 2

Copy the Next.js starter

Clone the repository:

git clone https://github.com/elastic/next-eui-starter.git my-eui-starter
Step 3

Start developing

Navigate into your new site’s directory and start it up.

cd my-eui-starter/

# Install depdendencies.
yarn

# Optional: start a new git project
rm -rf .git && git init && git add . && git commit -m "Initial commit"

# Start the dev server
yarn dev
Step 4

Open the source code and start editing!

Your site is now running at http://localhost:3000.

Open the my-eui-starter directory in your code editor of choice and edit src/pages/index.tsx. Save your changes and the browser will update in real time!

You can also start by using one of available templates: kibana or docs. For that just edit src/pages/kibana/index.tsx or src/pages/docs/index.tsx. These pages are going run in http://localhost:3000/kibana or http://localhost:3000/docs respectively.