diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 5430dff..70e3ed9 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -18,6 +18,7 @@ import {
 import { Show } from "./models/resources/show";
 import { ItemResolver } from "./services/item-resolver.service";
 import { CollectionComponent } from "./pages/collection/collection.component";
+import { QuickstartComponent } from "./pages/quickstart/quickstart.component";
 import { Collection } from "./models/resources/collection";
 import { SearchComponent } from "./pages/search/search.component";
 import { SearchResult } from "./models/search-result";
@@ -89,6 +90,10 @@ const routes: Routes = [
 		// canLoad: [AuthGuard.forPermissions("play")],
 		// canActivate: [AuthGuard.forPermissions("play")]
 	},
+	{path: "quickstart", component: QuickstartComponent,
+		// canLoad: [AuthGuard.forPermissions("play")],
+		// canActivate: [AuthGuard.forPermissions("play")]
+	},
 
 	// TODO implement an home page.
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index abbe9f4..de7e7ab 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -50,6 +50,7 @@ import { StartupService } from "./services/startup.service";
 import { LongPressDirective } from "./misc/long-press.directive";
 import { DatetimeInterceptorService } from "./services/datetime-interceptor.service";
 import { MatDatepickerModule } from "@angular/material/datepicker";
+import { QuickstartComponent } from './pages/quickstart/quickstart.component';
 
 
 @NgModule({
@@ -73,7 +74,8 @@ import { MatDatepickerModule } from "@angular/material/datepicker";
 		BufferToWidthPipe,
 		VolumeToButtonPipe,
 		SupportedButtonPipe,
-		LongPressDirective
+		LongPressDirective,
+  QuickstartComponent
 	],
 	imports: [
 		BrowserModule,
diff --git a/src/app/pages/quickstart/quickstart.component.html b/src/app/pages/quickstart/quickstart.component.html
new file mode 100644
index 0000000..57b07fb
--- /dev/null
+++ b/src/app/pages/quickstart/quickstart.component.html
@@ -0,0 +1 @@
+<p>Welcome in Quickstart</p>
diff --git a/src/app/pages/quickstart/quickstart.component.scss b/src/app/pages/quickstart/quickstart.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/quickstart/quickstart.component.ts b/src/app/pages/quickstart/quickstart.component.ts
new file mode 100644
index 0000000..66e36e5
--- /dev/null
+++ b/src/app/pages/quickstart/quickstart.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit } from "@angular/core";
+
+
+
+@Component({
+  selector: "app-quickstart",
+  templateUrl: "./quickstart.component.html",
+  styleUrls: ["./quickstart.component.scss"]
+})
+export class QuickstartComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}