---
title: crwdns60700:0crwdne60700:0
image: crwdns60702:0crwdne60702:0
---

<Frame>
  <img src="/images/user-guide/create-workspace/workspace-cover.png" alt="Header" />
</Frame>

## crwdns60704:0crwdne60704:0

### crwdns60706:0crwdne60706:0

```bash
npx nx start twenty-front
```

### crwdns60708:0crwdne60708:0

```bash
npx nx run twenty-front:graphql:generate --configuration=metadata
```

crwdns60710:0crwdne60710:0

```bash
npx nx run twenty-front:graphql:generate
```

### crwdns60712:0crwdne60712:0

```bash
npx nx run twenty-front:lint # pass --fix to fix lint errors
```

## crwdns60714:0crwdne60714:0

```bash
npx nx run twenty-front:lingui:extract
npx nx run twenty-front:lingui:compile
```

### crwdns60716:0crwdne60716:0

```bash
npx nx run twenty-front:test # run jest tests
npx nx run twenty-front:storybook:serve:dev # run storybook
npx nx run twenty-front:storybook:test # run tests # (needs yarn storybook:serve:dev to be running)
npx nx run twenty-front:storybook:coverage # (needs yarn storybook:serve:dev to be running)
```

## crwdns60718:0crwdne60718:0

crwdns60720:0crwdne60720:0

crwdns60722:0crwdne60722:0

- crwdns60724:0https://react.dev/crwdne60724:0
- crwdns60726:0https://www.apollographql.com/docs/crwdne60726:0
- crwdns60728:0https://the-guild.dev/graphql/codegencrwdne60728:0
- crwdns60730:0https://recoiljs.org/docs/introduction/core-conceptscrwdne60730:0
- crwdns60732:0https://www.typescriptlang.org/crwdne60732:0

crwdns60734:0crwdne60734:0

- crwdns60736:0https://jestjs.io/crwdne60736:0
- crwdns60738:0https://storybook.js.org/crwdne60738:0

crwdns60740:0crwdne60740:0

- crwdns60742:0https://yarnpkg.com/crwdne60742:0
- crwdns60744:0https://craco.js.org/docs/crwdne60744:0
- crwdns60746:0https://eslint.org/crwdne60746:0

## crwdns60748:0crwdne60748:0

### crwdns60750:0crwdne60750:0

crwdns60752:0https://reactrouter.com/crwdne60752:0

crwdns60754:0/developers/frontend-development/best-practices-front#managing-re-renderscrwdne60754:0

### crwdns60756:0crwdne60756:0

crwdns60758:0https://recoiljs.org/docs/introduction/core-conceptscrwdne60758:0

crwdns60760:0/developers/frontend-development/best-practices-front#state-managementcrwdne60760:0

## crwdns60762:0crwdne60762:0

crwdns60764:0https://jestjs.io/crwdnd60764:0https://storybook.js.org/crwdne60764:0

crwdns60766:0crwdne60766:0

crwdns60768:0crwdne60768:0

