diff --git a/src/routes/+layout.svelte b/src/routes/(portfolio)/+layout.svelte
similarity index 96%
rename from src/routes/+layout.svelte
rename to src/routes/(portfolio)/+layout.svelte
index 5905953..ff663bf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/(portfolio)/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import '../app.postcss';
+	import '../../app.postcss';
 	import Nav from '$lib/Nav/Nav.svelte';
 	import AppFooter from '$lib/AppFooter.svelte';
 	import { onMount } from 'svelte';
diff --git a/src/routes/(portfolio)/+layout.ts b/src/routes/(portfolio)/+layout.ts
new file mode 100644
index 0000000..189f71e
--- /dev/null
+++ b/src/routes/(portfolio)/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/src/routes/+page.server.ts b/src/routes/(portfolio)/+page.server.ts
similarity index 89%
rename from src/routes/+page.server.ts
rename to src/routes/(portfolio)/+page.server.ts
index 91d64d6..239d9e4 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/(portfolio)/+page.server.ts
@@ -4,13 +4,13 @@ import { getBlogPosts } from './writing/_api';
 
 interface GetResult {
 	latestArticles: WritingPreview[];
-};
+}
 
 export const load: PageServerLoad<GetResult> = () => {
-    const blogPosts = getBlogPosts();
+	const blogPosts = getBlogPosts();
 	const latestArticles = blogPosts.slice(0, 3);
 
 	return {
 		latestArticles
 	};
-}
\ No newline at end of file
+};
diff --git a/src/routes/+page.svelte b/src/routes/(portfolio)/+page.svelte
similarity index 100%
rename from src/routes/+page.svelte
rename to src/routes/(portfolio)/+page.svelte
diff --git a/src/routes/tags/[tag]/+page.server.ts b/src/routes/(portfolio)/[tag]/+page.server.ts
similarity index 100%
rename from src/routes/tags/[tag]/+page.server.ts
rename to src/routes/(portfolio)/[tag]/+page.server.ts
diff --git a/src/routes/tags/[tag]/+page.svelte b/src/routes/(portfolio)/[tag]/+page.svelte
similarity index 100%
rename from src/routes/tags/[tag]/+page.svelte
rename to src/routes/(portfolio)/[tag]/+page.svelte
diff --git a/src/routes/about/+page.svelte b/src/routes/(portfolio)/about/+page.svelte
similarity index 100%
rename from src/routes/about/+page.svelte
rename to src/routes/(portfolio)/about/+page.svelte
diff --git a/src/routes/contact/+page.svelte b/src/routes/(portfolio)/contact/+page.svelte
similarity index 100%
rename from src/routes/contact/+page.svelte
rename to src/routes/(portfolio)/contact/+page.svelte
diff --git a/src/routes/feed.xml/+server.ts b/src/routes/(portfolio)/feed.xml/+server.ts
similarity index 100%
rename from src/routes/feed.xml/+server.ts
rename to src/routes/(portfolio)/feed.xml/+server.ts
diff --git a/src/routes/note/[slug]/+page.svelte b/src/routes/(portfolio)/note/[slug]/+page.svelte
similarity index 98%
rename from src/routes/note/[slug]/+page.svelte
rename to src/routes/(portfolio)/note/[slug]/+page.svelte
index 7fd6174..28a6192 100644
--- a/src/routes/note/[slug]/+page.svelte
+++ b/src/routes/(portfolio)/note/[slug]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Page from '$lib/Page.svelte';
-	import '../../shiki.css';
+	import '../../../shiki.css';
 	import { formatDate } from '$lib/format-date';
 	import LinkWithAnimatedArrow from '$lib/LinkWithAnimatedArrow.svelte';
 	import slugify from 'slugify';
diff --git a/src/routes/note/[slug]/+page.ts b/src/routes/(portfolio)/note/[slug]/+page.ts
similarity index 89%
rename from src/routes/note/[slug]/+page.ts
rename to src/routes/(portfolio)/note/[slug]/+page.ts
index adab100..9e6f7b8 100644
--- a/src/routes/note/[slug]/+page.ts
+++ b/src/routes/(portfolio)/note/[slug]/+page.ts
@@ -12,7 +12,7 @@ export const load: PageLoad<GetResult> = async ({ params: { slug } }) => {
 		metadata: { title, datetime },
 		default: content
 	}: {
-		metadata: { title: string; datetime: string; };
+		metadata: { title: string; datetime: string };
 		default: ComponentType;
 	} = await import(`../${slug}.svx`);
 
diff --git a/src/routes/note/_api.ts b/src/routes/(portfolio)/note/_api.ts
similarity index 98%
rename from src/routes/note/_api.ts
rename to src/routes/(portfolio)/note/_api.ts
index ec49f56..5deaa55 100644
--- a/src/routes/note/_api.ts
+++ b/src/routes/(portfolio)/note/_api.ts
@@ -12,7 +12,7 @@ export function getNotes(): NotePreview[] {
 			return shouldKeepFile === true;
 		})
 		.map(([path, data]) => {
-			const { metadata } = data as { metadata: Omit<NotePreview, 'slug'> }
+			const { metadata } = data as { metadata: Omit<NotePreview, 'slug'> };
 			const { title, datetime } = metadata;
 
 			return {
diff --git a/src/routes/note/a-subquery-can-not-be-the-default-value-of-a-column-in-postgresql.svx b/src/routes/(portfolio)/note/a-subquery-can-not-be-the-default-value-of-a-column-in-postgresql.svx
similarity index 100%
rename from src/routes/note/a-subquery-can-not-be-the-default-value-of-a-column-in-postgresql.svx
rename to src/routes/(portfolio)/note/a-subquery-can-not-be-the-default-value-of-a-column-in-postgresql.svx
diff --git a/src/routes/note/always-set-validity-duration-of-presigned-urls-with-aws-s3-sdk.svx b/src/routes/(portfolio)/note/always-set-validity-duration-of-presigned-urls-with-aws-s3-sdk.svx
similarity index 100%
rename from src/routes/note/always-set-validity-duration-of-presigned-urls-with-aws-s3-sdk.svx
rename to src/routes/(portfolio)/note/always-set-validity-duration-of-presigned-urls-with-aws-s3-sdk.svx
diff --git a/src/routes/note/back-up-code-with-another-git-remote.svx b/src/routes/(portfolio)/note/back-up-code-with-another-git-remote.svx
similarity index 100%
rename from src/routes/note/back-up-code-with-another-git-remote.svx
rename to src/routes/(portfolio)/note/back-up-code-with-another-git-remote.svx
diff --git a/src/routes/note/catch-javascript-errors-in-react-applications-with-an-error-boundary.svx b/src/routes/(portfolio)/note/catch-javascript-errors-in-react-applications-with-an-error-boundary.svx
similarity index 100%
rename from src/routes/note/catch-javascript-errors-in-react-applications-with-an-error-boundary.svx
rename to src/routes/(portfolio)/note/catch-javascript-errors-in-react-applications-with-an-error-boundary.svx
diff --git a/src/routes/note/create-a-named-group-in-a-javascript-regexp.svx b/src/routes/(portfolio)/note/create-a-named-group-in-a-javascript-regexp.svx
similarity index 100%
rename from src/routes/note/create-a-named-group-in-a-javascript-regexp.svx
rename to src/routes/(portfolio)/note/create-a-named-group-in-a-javascript-regexp.svx
diff --git a/src/routes/note/fix-xcode-command-line-tools-not-working-while-installed.svx b/src/routes/(portfolio)/note/fix-xcode-command-line-tools-not-working-while-installed.svx
similarity index 100%
rename from src/routes/note/fix-xcode-command-line-tools-not-working-while-installed.svx
rename to src/routes/(portfolio)/note/fix-xcode-command-line-tools-not-working-while-installed.svx
diff --git a/src/routes/note/git-worktrees-to-manage-several-workspaces-for-the-same-repository.svx b/src/routes/(portfolio)/note/git-worktrees-to-manage-several-workspaces-for-the-same-repository.svx
similarity index 100%
rename from src/routes/note/git-worktrees-to-manage-several-workspaces-for-the-same-repository.svx
rename to src/routes/(portfolio)/note/git-worktrees-to-manage-several-workspaces-for-the-same-repository.svx
diff --git a/src/routes/note/linking-of-native-libraries-of-an-expo-app-in-a-monorepo.svx b/src/routes/(portfolio)/note/linking-of-native-libraries-of-an-expo-app-in-a-monorepo.svx
similarity index 100%
rename from src/routes/note/linking-of-native-libraries-of-an-expo-app-in-a-monorepo.svx
rename to src/routes/(portfolio)/note/linking-of-native-libraries-of-an-expo-app-in-a-monorepo.svx
diff --git a/src/routes/note/links-to-resources-on-same-domain-with-sveltekit.svx b/src/routes/(portfolio)/note/links-to-resources-on-same-domain-with-sveltekit.svx
similarity index 100%
rename from src/routes/note/links-to-resources-on-same-domain-with-sveltekit.svx
rename to src/routes/(portfolio)/note/links-to-resources-on-same-domain-with-sveltekit.svx
diff --git a/src/routes/note/move-recent-commits-to-another-branch.svx b/src/routes/(portfolio)/note/move-recent-commits-to-another-branch.svx
similarity index 100%
rename from src/routes/note/move-recent-commits-to-another-branch.svx
rename to src/routes/(portfolio)/note/move-recent-commits-to-another-branch.svx
diff --git a/src/routes/note/override-version-of-a-dependency-of-another-dependency-with-npm.svx b/src/routes/(portfolio)/note/override-version-of-a-dependency-of-another-dependency-with-npm.svx
similarity index 100%
rename from src/routes/note/override-version-of-a-dependency-of-another-dependency-with-npm.svx
rename to src/routes/(portfolio)/note/override-version-of-a-dependency-of-another-dependency-with-npm.svx
diff --git a/src/routes/note/stop-a-docker-container-and-remove-its-volumes.svx b/src/routes/(portfolio)/note/stop-a-docker-container-and-remove-its-volumes.svx
similarity index 100%
rename from src/routes/note/stop-a-docker-container-and-remove-its-volumes.svx
rename to src/routes/(portfolio)/note/stop-a-docker-container-and-remove-its-volumes.svx
diff --git a/src/routes/note/storing-verification-tokens-into-database.svx b/src/routes/(portfolio)/note/storing-verification-tokens-into-database.svx
similarity index 100%
rename from src/routes/note/storing-verification-tokens-into-database.svx
rename to src/routes/(portfolio)/note/storing-verification-tokens-into-database.svx
diff --git a/src/routes/note/stress-testing-with-artillery.svx b/src/routes/(portfolio)/note/stress-testing-with-artillery.svx
similarity index 100%
rename from src/routes/note/stress-testing-with-artillery.svx
rename to src/routes/(portfolio)/note/stress-testing-with-artillery.svx
diff --git a/src/routes/note/test-nativebases-select-component.svx b/src/routes/(portfolio)/note/test-nativebases-select-component.svx
similarity index 100%
rename from src/routes/note/test-nativebases-select-component.svx
rename to src/routes/(portfolio)/note/test-nativebases-select-component.svx
diff --git a/src/routes/notes/+page.server.ts b/src/routes/(portfolio)/notes/+page.server.ts
similarity index 58%
rename from src/routes/notes/+page.server.ts
rename to src/routes/(portfolio)/notes/+page.server.ts
index f64bbbc..b26ca80 100644
--- a/src/routes/notes/+page.server.ts
+++ b/src/routes/(portfolio)/notes/+page.server.ts
@@ -1,4 +1,4 @@
-import type { PageLoad } from '../../../.svelte-kit/types/src/routes/notes/$types';
+import type { PageServerLoad } from './$types';
 import type { NotePreview } from '$lib/types';
 import { getNotes } from '../note/_api';
 
@@ -6,7 +6,7 @@ type GetResult = {
 	notes: NotePreview[];
 };
 
-export const load: PageLoad<GetResult> = () => {
+export const load: PageServerLoad<GetResult> = () => {
 	const notes = getNotes();
 
 	return {
diff --git a/src/routes/notes/+page.svelte b/src/routes/(portfolio)/notes/+page.svelte
similarity index 100%
rename from src/routes/notes/+page.svelte
rename to src/routes/(portfolio)/notes/+page.svelte
diff --git a/src/routes/projects/+page.svelte b/src/routes/(portfolio)/projects/+page.svelte
similarity index 100%
rename from src/routes/projects/+page.svelte
rename to src/routes/(portfolio)/projects/+page.svelte
diff --git a/src/routes/talks/+page.svelte b/src/routes/(portfolio)/talks/+page.svelte
similarity index 100%
rename from src/routes/talks/+page.svelte
rename to src/routes/(portfolio)/talks/+page.svelte
diff --git a/src/routes/writing/+page.server.ts b/src/routes/(portfolio)/writing/+page.server.ts
similarity index 91%
rename from src/routes/writing/+page.server.ts
rename to src/routes/(portfolio)/writing/+page.server.ts
index 663dbc9..45ff576 100644
--- a/src/routes/writing/+page.server.ts
+++ b/src/routes/(portfolio)/writing/+page.server.ts
@@ -10,6 +10,6 @@ export const load: PageServerLoad<GetResult> = () => {
 	const blogPosts = getBlogPosts();
 
 	return {
-        articles: blogPosts
+		articles: blogPosts
 	};
 };
diff --git a/src/routes/writing/+page.svelte b/src/routes/(portfolio)/writing/+page.svelte
similarity index 100%
rename from src/routes/writing/+page.svelte
rename to src/routes/(portfolio)/writing/+page.svelte
diff --git a/src/routes/writing/[slug]/+page.svelte b/src/routes/(portfolio)/writing/[slug]/+page.svelte
similarity index 98%
rename from src/routes/writing/[slug]/+page.svelte
rename to src/routes/(portfolio)/writing/[slug]/+page.svelte
index 334a7f4..511cf14 100644
--- a/src/routes/writing/[slug]/+page.svelte
+++ b/src/routes/(portfolio)/writing/[slug]/+page.svelte
@@ -4,7 +4,7 @@
 	import { formatDate } from '$lib/format-date';
 	import { slugify } from '$lib/slugify';
 	import type { PageData } from './$types';
-	import '../../shiki.css';
+	import '../../../shiki.css';
 
 	export let data: PageData;
 	$: title = data.title;
diff --git a/src/routes/writing/[slug]/+page.ts b/src/routes/(portfolio)/writing/[slug]/+page.ts
similarity index 100%
rename from src/routes/writing/[slug]/+page.ts
rename to src/routes/(portfolio)/writing/[slug]/+page.ts
diff --git a/src/routes/writing/_api.ts b/src/routes/(portfolio)/writing/_api.ts
similarity index 98%
rename from src/routes/writing/_api.ts
rename to src/routes/(portfolio)/writing/_api.ts
index d92be02..a7cdd8a 100644
--- a/src/routes/writing/_api.ts
+++ b/src/routes/(portfolio)/writing/_api.ts
@@ -12,8 +12,8 @@ export function getBlogPosts(): WritingPreview[] {
 			return shouldKeepFile === true;
 		})
 		.map(([path, data]) => {
-			const { metadata } = data as { metadata: Omit<WritingPreview, 'slug'> }
-			
+			const { metadata } = data as { metadata: Omit<WritingPreview, 'slug'> };
+
 			const { title, description, datetime, tags } = metadata;
 
 			return {
diff --git a/src/routes/writing/_series/ArticleOfTuringVisualizerSeriesData.svelte b/src/routes/(portfolio)/writing/_series/ArticleOfTuringVisualizerSeriesData.svelte
similarity index 100%
rename from src/routes/writing/_series/ArticleOfTuringVisualizerSeriesData.svelte
rename to src/routes/(portfolio)/writing/_series/ArticleOfTuringVisualizerSeriesData.svelte
diff --git a/src/routes/writing/_series/turing-visualizer.json b/src/routes/(portfolio)/writing/_series/turing-visualizer.json
similarity index 100%
rename from src/routes/writing/_series/turing-visualizer.json
rename to src/routes/(portfolio)/writing/_series/turing-visualizer.json
diff --git a/src/routes/writing/control-tape-of-turing-machine-visualizer-with-xstate.svx b/src/routes/(portfolio)/writing/control-tape-of-turing-machine-visualizer-with-xstate.svx
similarity index 100%
rename from src/routes/writing/control-tape-of-turing-machine-visualizer-with-xstate.svx
rename to src/routes/(portfolio)/writing/control-tape-of-turing-machine-visualizer-with-xstate.svx
diff --git a/src/routes/writing/create-a-proxy-state-machine-to-drive-css-transitions-on-state-changes-with-xstate.svx b/src/routes/(portfolio)/writing/create-a-proxy-state-machine-to-drive-css-transitions-on-state-changes-with-xstate.svx
similarity index 100%
rename from src/routes/writing/create-a-proxy-state-machine-to-drive-css-transitions-on-state-changes-with-xstate.svx
rename to src/routes/(portfolio)/writing/create-a-proxy-state-machine-to-drive-css-transitions-on-state-changes-with-xstate.svx
diff --git a/src/routes/writing/create-stale-data-indicator-with-xstate.svx b/src/routes/(portfolio)/writing/create-stale-data-indicator-with-xstate.svx
similarity index 100%
rename from src/routes/writing/create-stale-data-indicator-with-xstate.svx
rename to src/routes/(portfolio)/writing/create-stale-data-indicator-with-xstate.svx
diff --git a/src/routes/writing/create-state-machines-in-erlang.svx b/src/routes/(portfolio)/writing/create-state-machines-in-erlang.svx
similarity index 100%
rename from src/routes/writing/create-state-machines-in-erlang.svx
rename to src/routes/(portfolio)/writing/create-state-machines-in-erlang.svx
diff --git a/src/routes/writing/expo-in-a-monorepo.svx b/src/routes/(portfolio)/writing/expo-in-a-monorepo.svx
similarity index 100%
rename from src/routes/writing/expo-in-a-monorepo.svx
rename to src/routes/(portfolio)/writing/expo-in-a-monorepo.svx
diff --git a/src/routes/writing/external-transition-to-child-state.svx b/src/routes/(portfolio)/writing/external-transition-to-child-state.svx
similarity index 100%
rename from src/routes/writing/external-transition-to-child-state.svx
rename to src/routes/(portfolio)/writing/external-transition-to-child-state.svx
diff --git a/src/routes/writing/generate-rss-feed-with-sveltekit.svx b/src/routes/(portfolio)/writing/generate-rss-feed-with-sveltekit.svx
similarity index 100%
rename from src/routes/writing/generate-rss-feed-with-sveltekit.svx
rename to src/routes/(portfolio)/writing/generate-rss-feed-with-sveltekit.svx
diff --git a/src/routes/writing/handle-logic-at-the-right-place-in-react.svx b/src/routes/(portfolio)/writing/handle-logic-at-the-right-place-in-react.svx
similarity index 100%
rename from src/routes/writing/handle-logic-at-the-right-place-in-react.svx
rename to src/routes/(portfolio)/writing/handle-logic-at-the-right-place-in-react.svx
diff --git a/src/routes/writing/interpret-scxml-state-machines-with-xstate.svx b/src/routes/(portfolio)/writing/interpret-scxml-state-machines-with-xstate.svx
similarity index 100%
rename from src/routes/writing/interpret-scxml-state-machines-with-xstate.svx
rename to src/routes/(portfolio)/writing/interpret-scxml-state-machines-with-xstate.svx
diff --git a/src/routes/writing/my-commitment-to-learn-in-public.svx b/src/routes/(portfolio)/writing/my-commitment-to-learn-in-public.svx
similarity index 100%
rename from src/routes/writing/my-commitment-to-learn-in-public.svx
rename to src/routes/(portfolio)/writing/my-commitment-to-learn-in-public.svx
diff --git a/src/routes/writing/orchestrate-request-for-server-side-execution-of-turing-machine-with-xstate.svx b/src/routes/(portfolio)/writing/orchestrate-request-for-server-side-execution-of-turing-machine-with-xstate.svx
similarity index 100%
rename from src/routes/writing/orchestrate-request-for-server-side-execution-of-turing-machine-with-xstate.svx
rename to src/routes/(portfolio)/writing/orchestrate-request-for-server-side-execution-of-turing-machine-with-xstate.svx
diff --git a/src/routes/writing/parallel-states-and-events-with-xstate.svx b/src/routes/(portfolio)/writing/parallel-states-and-events-with-xstate.svx
similarity index 100%
rename from src/routes/writing/parallel-states-and-events-with-xstate.svx
rename to src/routes/(portfolio)/writing/parallel-states-and-events-with-xstate.svx
diff --git a/src/routes/writing/prevent-flickering-loading-animation-with-xstate.svx b/src/routes/(portfolio)/writing/prevent-flickering-loading-animation-with-xstate.svx
similarity index 100%
rename from src/routes/writing/prevent-flickering-loading-animation-with-xstate.svx
rename to src/routes/(portfolio)/writing/prevent-flickering-loading-animation-with-xstate.svx
diff --git a/src/routes/writing/recreate-testing-library-waitfor-function-with-xstate.svx b/src/routes/(portfolio)/writing/recreate-testing-library-waitfor-function-with-xstate.svx
similarity index 100%
rename from src/routes/writing/recreate-testing-library-waitfor-function-with-xstate.svx
rename to src/routes/(portfolio)/writing/recreate-testing-library-waitfor-function-with-xstate.svx
diff --git a/src/routes/writing/simplify-data-fetching-in-sveltekit-with-page-endpoints.svx b/src/routes/(portfolio)/writing/simplify-data-fetching-in-sveltekit-with-page-endpoints.svx
similarity index 100%
rename from src/routes/writing/simplify-data-fetching-in-sveltekit-with-page-endpoints.svx
rename to src/routes/(portfolio)/writing/simplify-data-fetching-in-sveltekit-with-page-endpoints.svx
diff --git a/src/routes/writing/temporal-and-actor-model.svx b/src/routes/(portfolio)/writing/temporal-and-actor-model.svx
similarity index 100%
rename from src/routes/writing/temporal-and-actor-model.svx
rename to src/routes/(portfolio)/writing/temporal-and-actor-model.svx
diff --git a/src/routes/writing/youtube-player-for-react-native-that-also-works-on-the-web.svx b/src/routes/(portfolio)/writing/youtube-player-for-react-native-that-also-works-on-the-web.svx
similarity index 100%
rename from src/routes/writing/youtube-player-for-react-native-that-also-works-on-the-web.svx
rename to src/routes/(portfolio)/writing/youtube-player-for-react-native-that-also-works-on-the-web.svx
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
deleted file mode 100644
index 176ae64..0000000
--- a/src/routes/+layout.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true
diff --git a/src/routes/state-of-xstate/survey/+page.svelte b/src/routes/state-of-xstate/survey/+page.svelte
new file mode 100644
index 0000000..6d4bc3d
--- /dev/null
+++ b/src/routes/state-of-xstate/survey/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import '../app.postcss';
+</script>
+
+<p>Hello</p>