https://github.com/argentum11/tasknest
An Angular project to learn about deploying
https://github.com/argentum11/tasknest
angular spa ssr
Last synced: 4 days ago
JSON representation
An Angular project to learn about deploying
- Host: GitHub
- URL: https://github.com/argentum11/tasknest
- Owner: Argentum11
- Created: 2025-02-14T06:46:30.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-02-14T13:32:45.000Z (3 months ago)
- Last Synced: 2025-05-16T07:08:57.521Z (4 days ago)
- Topics: angular, spa, ssr
- Language: TypeScript
- Homepage:
- Size: 789 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskNest
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.0 and is part of the **[Angular - The Complete Guide (2024 Edition)](https://www.udemy.com/course/the-complete-guide-to-angular-2)**.
## Development server
Run `ng serve` for a dev server. Navigate to [http://localhost:4200/](http://localhost:4200/). The application will automatically reload if you change any of the source files.
## learning goals
- Build options
- SPA (Single Page Application)
- Client-side only web application
- Requires a static host (e.g., Firebase-Hosting, GitHub Pages)
- Cons
- Initially missing content (UI is rendered by Javascript)
- Poor SEO (search engines aren't guaranteed to wait for the UI rendering)
- Use cases
- Internal application
- An application that always require authentication
- SSR (Server Side Render)
- Server receives requests from the client and returns rendered pages
- Web app is hydrated and becomes a SPA after initial rendering
- Requires a dynamic web server
- Pros
- great for SEO
- Cons
- Complexity
- Long taking tasks may cause empty pages
- Implementation steps
1. `ng add @angular/ssr`
2. `npm run build`
- warning
- local storage related code needs to be modified