Skip to main content

Front-end development

This document outlines the front-end development process for Voxable.

Deployment status

EnvironmentStatus
📖 DocsNetlify Status

Prerequisites & setup

See Getting Started.

Generating components

We use Nx to generate components. Nx is a set of tools for building and managing full-stack applications.

To generate a component, run the following command (or use the Nx Console:

npx g @nrwl/next:component Table --project=ui --no-interactive

This will generate a component in libs/ui/src/lib/table.tsx and a test in libs/ui/src/libs/table.test.tsx.

Generating stories

We use Storybook to host living documentation for our components. To generate stories from your component code, run the following command:

nx stories:generate ui