Aleph Cloud frontend core package

A component library for Aleph Cloud frontends.

Getting started

Set up font awesome in your local environment

Before start, obtain a valid package token and set the env var FONTAWESOME_NPM_AUTH_TOKEN Follow this guide for configuring your local npm config.

Run Storybook

Components can be tested locally in Storybook.

npm install
npm run storybook

Known issues and workarounds

• Using aleph-core with Next.js framework:
  • Problems with css @import syntax. You will need to manually import the font-face css from an url via <link> html element, or by creating a font.css that will contain the @import statement and will be imported from the _app.tsx Next.js file
  • Problems with font awesome stylesheet. Follow this guide to solve it: https://fontawesome.com/docs/web/use-with/react/use-with#next-js

We strongly recommend to use styled-components tailwind and twin.macro in your project

Follow this guide: https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components-typescript#getting-started