✨ This workspace has been generated by Nx, Smart Monorepos · Fast CI. ✨
- app
- pokemon
- page.tsx: Main page /pokemon
- global.css: contains global css
- layout.tsx: Main layout
- pokemon
- ui-lib
- src
- lib
- button.tsx: Button component
- loading.tsx: Loading Indicator
- pagination.tsx: Top pagination
- poke-service.ts: Pokemon Service, wrapper for PokeAPI
- pokemon-item.tsx: Render the pokemon name + image (client side)
- pokemon-item-server.tsx: Render the pokemon name + image (server side)
- pokemon-list.tsx: Render list of pokemon
- pokemon-type-filter.tsx: Filter component
- lib
- src
- Install
Nodejs 18+ + Yarn
- Run
yarn install
- Run
npx nx dev pokemon-list
for a dev server. - Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.
Run npx nx build pokemon-list
to build the application. The build artifacts are stored in the output directory (e.g. dist/
or build/
), ready to be deployed.
Run npx nx graph
to show the graph of the workspace.
It will show tasks that you can run with Nx.
If you have any questions, you can contact me
- Nguyen Tien Dzung at [email protected]
- https://github.com/mbrainiac