Frontend for application using Angular (updated to 15.0.3)
Run npm start for a dev server. It will open http://localhost:4200/ in your default browser. The app will automatically reload if you change any of the source files.
Or you can run npm run dev-server. It will start frontend and api together. Open http://localhost:4200/ to access application.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build. Also, we have enabled SSR (Server side rendering) for fast first loading of UI on production.
Next development
- Add Bootstrap
- Add Header and Side Menu, Profile page
- Implement Login and add Interceptor to attach token in each request
- Add CRUD example
- Add A Grid
- Add Proxy Configuration for local develolpment
- Server Side Rendering
- Reusbale validation module
- Core and Shared Module
- Docker Support
- Add Service Worker
Describes which version .
| Name | Version |
|---|---|
| bootstrap | v4.5.3 |
| ngx-bootstrap | v9.0.0 |
| @swimlane/ngx-datatable | v20.0.0 |
# Create image based off of the official Node 10 image
FROM node:16-alpine as builder
# Copy dependency definitions
COPY package.json package-lock.json ./
# disabling ssl for npm for Dev or if you are behind proxy
RUN npm set strict-ssl false
## installing and Storing node modules on a separate layer will prevent unnecessary npm installs at each build
RUN npm ci && mkdir /app && mv ./node_modules ./app
# Change directory so that our commands run inside this new directory
WORKDIR /app
# Get all the code needed to run the app
COPY . /app/
# Build server side bundles
RUN npm run build:ssr
FROM node:14.5-alpine
## From 'builder' copy published folder
COPY --from=builder /app/dist/frontend /app
WORKDIR /app
# Expose the port the app runs in
EXPOSE 4000
CMD ["node", "server/main.js"]
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.