Skip to content

Nx example with GraphQL Nexus, Next.js, Tailwind CSS, Storybook and Cypress.

License

Notifications You must be signed in to change notification settings

alex0916/hands-on-nx-monorepo

Repository files navigation

Hands on Nx monorepo ✋

Explore Nx with GraphQL Nexus, Next.js, Tailwind CSS, Storybook and Cypress.

Bonus: It also has github actions and git hooks configured.

DEMO available thanks to the Vercel hobby plan ❤️

Table of Contents

  1. Get started
  2. UI
  3. GraphQL Service
  4. Cypress e2e

Get started

Clone this repo and run npm install && npm start posts-app.

UI

The UI was built using:

Paths

Scripts

npm run start posts-app

Starts the app

npm run generate

Generates the types of the .graphql files in the UI.

npm run start:storybook

Starts Storybook

npm run test:all

Runs the tests

GraphQL Service

The service uses:

Paths

Scripts

npm run start posts-app

Starts the app

npm run test:all

Runs the tests

Note: Nexus types are generated locally when you visit the playground. E.g.

  • Start the app.
  • Visit api/graphql

Cypress e2e

The are a few e2e tests using Cypress

Paths

Scripts

npm start posts-app-e2e:e2e

Runs the tests