diff --git a/src/components/Board.vue b/src/components/Board.vue
index d5c974934..1ed32526e 100644
--- a/src/components/Board.vue
+++ b/src/components/Board.vue
@@ -21,12 +21,18 @@
   -->
 
 <template>
-	<div />
+	<div>Board goes here, id: {{ id }}</div>
 </template>
 
 <script>
 export default {
-	name: 'Board'
+	name: 'Board',
+	props: {
+		id: {
+			type: Number,
+			default: null
+		}
+	}
 }
 </script>
 
diff --git a/src/router.js b/src/router.js
index 811e02f90..c43223aa7 100644
--- a/src/router.js
+++ b/src/router.js
@@ -24,8 +24,8 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import { generateUrl } from 'nextcloud-server/dist/router'
 import { BOARD_FILTERS } from './store/modules/nav'
-
-const Boards = () => import('./components/Boards')
+import Boards from './components/Boards'
+import Board from './components/Board'
 
 Vue.use(Router)
 
@@ -61,6 +61,12 @@ export default new Router({
 			props: {
 				navFilter: BOARD_FILTERS.SHARED
 			}
+		},
+		{
+			path: '/boards/:id',
+			name: 'board',
+			component: Board,
+			props: true
 		}
 	]
 })