Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sitek94/react-monorepo
NX monorepo with React SPA, Remix app, shared UI components library with Storybook, and Tailwind
https://github.com/sitek94/react-monorepo
nx react remix storybook tailwindcss
Last synced: 5 days ago
JSON representation
NX monorepo with React SPA, Remix app, shared UI components library with Storybook, and Tailwind
- Host: GitHub
- URL: https://github.com/sitek94/react-monorepo
- Owner: sitek94
- Created: 2023-10-07T13:55:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-07T19:55:50.000Z (over 1 year ago)
- Last Synced: 2025-02-05T20:17:26.815Z (10 days ago)
- Topics: nx, react, remix, storybook, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 239 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Monorepo
## What's inside?
- apps
- react-spa-app — simple React app
- remix-app — Remix app
- libs
- ui — shared UI components with Storybook
- tailwind-config — shared Tailwind config
## Generate code
If you happen to use Nx plugins, you can leverage code generators that might come with it.
Run `nx list` to get a list of available plugins and whether they have generators. Then run `nx list ` to see what generators are available.
Learn more about [Nx generators on the docs](https://nx.dev/plugin-features/use-code-generators).
## Running tasks
To execute tasks with Nx use the following syntax:
```
nx <...options>
```
You can also run multiple targets:
```
nx run-many -t
```
..or add `-p` to filter specific projects
```
nx run-many -t -p
```
Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/core-features/run-tasks).
## Ready to deploy?
Just run `nx build demoapp` to build the application. The build artifacts will be stored in the `dist/` directory, ready to be deployed.
## Set up CI!
Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.
- [Set up remote caching](https://nx.dev/core-features/share-your-cache)
- [Set up task distribution across multiple machines](https://nx.dev/core-features/distribute-task-execution)
- [Learn more how to setup CI](https://nx.dev/recipes/ci)