Portfolio made in angular 11. This is basically intended for my school project (PP in BTS SIO option SLAM). I just wished to learn deeply Angular, Nest and Nx through this school project, so I made this. Hope it can be useful.
Navigate to this url. Thanks for seeing and sharing.
A classic angular project. So I am using npm and angular CLI.
npm i
Using basic angular's http://localhost:4200/ is a problem when we want to run various apps at the same time. I personally prefer to assign a specific port to serve my app.
ng serve ng serve --port 7777 --poll=2000
(Or simply, via a npm script in package.json...)
npm start
When navigating to localhost:7777, we can see the home page.
...
...
I use npx angular-cli-ghpages --dir=dist/portfolio for deploy and update my portfolio.
On Linux/UNIX system, I need to use sudo before this command.
On linux:
sudo npx angular-cli-ghpages --dir=dist/portfolio
(But I prefer...)
sudo npm run ngh
Following lines are auto-generated
Nx supports many plugins which add capabilities for developing different types of applications and different tools.
These capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.
Below are our core plugins:
- React
npm install --save-dev @nrwl/react
- Web (no framework frontends)
npm install --save-dev @nrwl/web
- Angular
npm install --save-dev @nrwl/angular
- Nest
npm install --save-dev @nrwl/nest
- Express
npm install --save-dev @nrwl/express
- Node
npm install --save-dev @nrwl/node
There are also many community plugins you could add.
Run nx g @nrwl/react:app my-app to generate an application.
You can use any of the plugins above to generate applications as well.
When using Nx, you can create multiple applications and libraries in the same workspace.
Run nx g @nrwl/react:lib my-lib to generate a library.
You can also use any of the plugins above to generate libraries as well.
Libraries are sharable across libraries and applications. They can be imported from @portfolio/mylib.