ziermach-blog/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { environment } from 'environments/environment';
import { AboutComponent } from 'app/pages/about/about.component';
import { NotFoundComponent } from 'app/pages/not-found/not-found.component';
import { ResumeComponent } from './pages/resume/resume.component';
import { GamesDashboardComponent } from './pages/games-dashboard/games-dashboard.component';
import { ProjectDashboardComponent } from './pages/project-dashboard/project-dashboard.component';
import { MagneticRecyclingQueenComponent } from './pages/game-dashboard/magnetic-recycling-queen/magnetic-recycling-queen.component';
import { SaltyPiranhaComponent } from './pages/game-dashboard/salty-piranha/salty-piranha.component';
import { LaserBluesComponent } from './pages/game-dashboard/laser-blues/laser-blues.component';
import { WhatTheFungiComponent } from './pages/game-dashboard/what-the-fungi/what-the-fungi.component';
import { ImpressumComponent } from './shared/impressum/impressum.component';


const routes: Routes = [
    {
        path: 'resume',
        component: ResumeComponent,
    },
    {
        path: 'games',
        children: [

            {
                path: 'magnetic-recycling-queen',
                component: MagneticRecyclingQueenComponent
            },
            {
                path: 'salty-piranha',
                component: SaltyPiranhaComponent
            },
            {
                path: 'laser-blues',
                component: LaserBluesComponent
            },
            {
                path: 'what-the-fungi',
                component: WhatTheFungiComponent
            },
            {
                path: '',
                component: GamesDashboardComponent
            }
        ]
    },
    {
        path: 'projects',
        component: ProjectDashboardComponent,
    },
    {
        path: 'about',
        component: AboutComponent,
    },
    {
        path: 'legal',
        component: ImpressumComponent,
    },
    {
        path: '',
        redirectTo: 'about',
        pathMatch: 'full'
    },
    {
        path: '**',
        component: NotFoundComponent,
    }

];

@NgModule({
    imports: [
        RouterModule.forRoot(routes, {
            enableTracing: !environment.production
        }),
    ],
    exports: [RouterModule]
})
export class AppRoutingModule { }