HomeStarting GuidesGetting StartedFAQComponentsAccordionAppAutocompleteBannerBoxBreadcrumbButtonButtongroupCardCheckboxDatatableDateDrawerGridHeadingIconInputLinkMenuModalPageheaderPaginationPillProgressRadiogroupSelectTableTabsTextTextareaToastFoundationsPrinciplesBrandingColorTypographyWriting StyleLayout SpacingMessage HandlingError Message HandlingSkeleton StatesChartsUtilities & LibrariesMap CoreAuthenticationCypress QA HelperBlogCypress TestingStorybook
Getting Started in Eco

The following guidelines outline how to download the Eco Starter Kit. If you encounter any issues following these instructions, please contact the Eco team on Slack at #eco.

Eco Starter Kit Prerequisites

You will need to configure your system to point to DTN's npm repository. To do this, you will need to create a .npmrc file with appropriate authentication.

See Eco guides: Setup .npmrc file for step-by-step instructions.

Installing the Eco Starter Kit

The Eco team has provided an easy way to get started using the latest version of the Eco Starter Kit.

  1. Install the Eco Starter Kit
npx @eco/create-starter-kit@latest
  1. Change to the newly created project directory
cd (name of application entered above)
  1. Run the development server
npm run dev

The starter kit runs on http://0.0.0.0:3000. Play around with it and let us know what you think!

This is where the starter kit ends and your product building begins!

Next.js Resources

Eco has been built within a Next.js framework. If you have worked with Next.js before than you are all set to begin using Eco. If Next.js is new to you, we recommend you check out the following resources to become more familiar with this process:

https://nextjs.org
https://reactjs.org
https://redux.js

Training Courses

We have compiled a list of courses that we think will be helpful for those new to Eco. We will do our best to keep these recommendations relevant, so feel free to provide feedback or suggestions related to Eco training on our Slack channel, #eco.

React

https://egghead.io/courses/the-beginner-s-guide-to-react

React/Redux

https://egghead.io/courses/building-react-applications-with-idiomatic-redux

Redux

https://egghead.io/courses/getting-started-with-redux

RxJS

https://egghead.io/courses/asynchronous-programming-the-end-of-the-loop

Nextjs

https://www.udemy.com/course/awesome-nextjs-with-react-and-node-amazing-portfolio-app/
https://www.udemy.com/course/universal-react-with-nextjs-the-ultimate-guide/

Documentation & Feedback

If you should have any questions as you work, we recommend you check out the Eco Docs. Also, feel free to reach out to the Eco team on Slack at #eco for additional questions or feedback.