Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manuelgeek/nx-vite-infra

Building Vue 3 in Nx with Vite, adding AWS cdk infra
https://github.com/manuelgeek/nx-vite-infra

Last synced: about 5 hours ago
JSON representation

Building Vue 3 in Nx with Vite, adding AWS cdk infra

Awesome Lists containing this project

README

        

# NxViteInfra

> Building Vue 3, React, GraphQL in Nx with Vite, adding AWS CDK infra layer

### Added

- Vue 3 with Vite
- React with Vite [TODO]
- GraphQL Backend
- TypeScript
- eslint
- prettier
- lint-staged with husky
- tailwindcss
- Storybook
- AWS CDK infra
- Corepack [TODO]

### Project Plan

apps/

- frontend-vue - vue
- frontend-next - react
- api - graphQL, postgress
- api-mongo - node, mongoDB

libs/

- ui-kit-vue

infrastructure/

✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨

## Understand this workspace

Run `nx graph` to see a diagram of the dependencies of the projects.

## Remote caching

Run `npx nx connect-to-nx-cloud` to enable [remote caching](https://nx.app) and make CI faster.

## Further help

Visit the [Nx Documentation](https://nx.dev) to learn more.

## Resources used

- [https://medium.com/js-dojo/work-with-vite-and-nx-af2e5a7558cb](https://medium.com/js-dojo/work-with-vite-and-nx-af2e5a7558cb)
- [https://nx.dev/recipes/other/using-tailwind-css-in-react](https://nx.dev/recipes/other/using-tailwind-css-in-react)
- [https://dev.to/joshchu/how-to-setup-prettier-eslint-husky-and-lint-staged-with-a-nextjs-and-typescript-project-i7b](https://dev.to/joshchu/how-to-setup-prettier-eslint-husky-and-lint-staged-with-a-nextjs-and-typescript-project-i7b)
- [https://miyauchi.dev/posts/vite-vue3-typescript/](https://miyauchi.dev/posts/vite-vue3-typescript/) for eslint -[https://storybook.js.org/recipes/tailwindcss](https://storybook.js.org/recipes/tailwindcss) tailwind in storybook
- [https://github.com/storybookjs/storybook/discussions/12691](https://github.com/storybookjs/storybook/discussions/12691) vue 3 props
- [AWS CDK examples](https://github.com/aws-samples/aws-cdk-examples/tree/main)

##TODO:
Learnt about [https://nx.dev/packages/vite](https://nx.dev/packages/vite). Will dfinately check it out

## About Me

Magak Emmanuel

Happy coding, Star before Fork 😊💪💯