refactor: remove server side rendering and prerendering

pascaliske · Nov 27, 2024 · 1ad3a1b · 1ad3a1b
1 parent 8a3a9cc
commit 1ad3a1b
Show file tree

Hide file tree

Showing 12 changed files with 30 additions and 1,281 deletions.
diff --git a/angular.json b/angular.json
@@ -68,14 +68,7 @@
             "tsConfig": "tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles/common.css"],
-            "scripts": [],
-            "server": "src/main.server.ts",
-            "prerender": {
-              "routesFile": "routes.txt"
-            },
-            "ssr": {
-              "entry": "server.ts"
-            }
+            "scripts": []
           },
           "defaultConfiguration": "production",
           "configurations": {

diff --git a/package.json b/package.json
@@ -27,9 +27,6 @@
   },
   "prettier": "@pascaliske/prettier-config",
   "packageManager": "[email protected]",
-  "resolutions": {
-    "ts-node": "^10.9.1"
-  },
   "dependencies": {
     "@angular/animations": "^19.0.1",
     "@angular/common": "^19.0.1",
@@ -38,10 +35,7 @@
     "@angular/forms": "^19.0.1",
     "@angular/platform-browser": "^19.0.1",
     "@angular/platform-browser-dynamic": "^19.0.1",
-    "@angular/platform-server": "^19.0.1",
     "@angular/router": "^19.0.1",
-    "@angular/ssr": "^19.0.2",
-    "express": "^4.21.1",
     "http-status-codes": "^2.3.0",
     "ngx-progressbar": "^13.0.0",
     "rxjs": "~7.8.0",
@@ -61,16 +55,13 @@
     "@pascaliske/eslint-config": "^3.0.1",
     "@pascaliske/prettier-config": "^1.3.0",
     "@rstacruz/bump-cli": "^2.0.1",
-    "@types/express": "^5.0.0",
     "@types/node": "^22.10.0",
     "@typescript-eslint/eslint-plugin": "^8.2.0",
     "@typescript-eslint/parser": "^8.2.0",
-    "browser-sync": "^3.0.0",
     "eslint": "^9.9.1",
     "husky": "^9.1.5",
     "prettier": "^3.3.3",
     "standard-changelog": "^6.0.0",
-    "ts-node": "^10.9.2",
     "typescript": "~5.5.4"
   }
 }
diff --git a/routes.txt b/routes.txt
diff --git a/server.ts b/server.ts
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit } from '@angular/core'
-import { Router, RouterOutlet } from '@angular/router'
+import { Component } from '@angular/core'
+import { RouterOutlet } from '@angular/router'
 import { NgProgressbar } from 'ngx-progressbar'
 import { NgProgressRouter } from 'ngx-progressbar/router'
 
@@ -8,11 +8,4 @@ import { NgProgressRouter } from 'ngx-progressbar/router'
     templateUrl: './app.component.html',
     imports: [RouterOutlet, NgProgressbar, NgProgressRouter],
 })
-export class AppComponent implements OnInit {
-    public constructor(private readonly router: Router) {}
-
-    public ngOnInit(): void {
-        // delayed initial navigation
-        setTimeout(() => this.router.initialNavigation())
-    }
-}
+export class AppComponent {}
diff --git a/src/app/app.config.server.ts b/src/app/app.config.server.ts
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
@@ -1,6 +1,5 @@
 import type { ApplicationConfig, ValueProvider } from '@angular/core'
 import { provideExperimentalZonelessChangeDetection, APP_ID } from '@angular/core'
-import { provideClientHydration } from '@angular/platform-browser'
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async'
 import { provideRouter } from '@angular/router'
 import { provideNgProgressOptions } from 'ngx-progressbar'
@@ -15,7 +14,6 @@ export const provideAppId: () => ValueProvider = (): ValueProvider => ({
 export const appConfig: ApplicationConfig = {
     providers: [
         provideExperimentalZonelessChangeDetection(),
-        provideClientHydration(),
         provideAnimationsAsync(),
         provideRouter(routes, ...features),
         provideNgProgressOptions({ spinner: true }),

diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
@@ -1,9 +1,8 @@
 import type { RouterFeatures, Routes } from '@angular/router'
-import { withDisabledInitialNavigation, withInMemoryScrolling } from '@angular/router'
+import { withInMemoryScrolling } from '@angular/router'
 import { ValidCodeGuard } from 'pages/error/valid-code.guard'
 
 export const features: RouterFeatures[] = [
-    withDisabledInitialNavigation(),
     withInMemoryScrolling({
         anchorScrolling: 'enabled',
         scrollPositionRestoration: 'enabled',

diff --git a/src/main.server.ts b/src/main.server.ts
diff --git a/src/main.ts b/src/main.ts
@@ -2,8 +2,6 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { AppComponent } from './app/app.component'
 import { appConfig } from './app/app.config'
 
-setTimeout(() => {
-    bootstrapApplication(AppComponent, appConfig).catch(err => {
-        console.error(err)
-    })
+bootstrapApplication(AppComponent, appConfig).catch(err => {
+    console.error(err)
 })
diff --git a/tsconfig.app.json b/tsconfig.app.json
@@ -4,6 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": ["node"]
   },
-  "files": ["src/main.ts", "src/main.server.ts", "server.ts"],
+  "files": ["src/main.ts"],
   "include": ["src/**/*.d.ts"]
 }