chore: Local development + UX

.dockerignore

@@ -1,7 +1,51 @@
-.github
-.idea
-tests
+# Git
+.git
+.gitignore
+.gitattributes
+
+# Docker
+.dockerignore
+docker-compose.yml
+docker/
+
+# Node
 node_modules
+npm-debug.log
+.npmrc
+.nvmrc
+
+# Editor/IDE
+.idea
+.vscode
 .editorconfig
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Project specific
+.github
+tests
 .env
 .env.example
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+dist
+coverage
+build
+caddy
+
+# Other
+LICENSE
+README.md
+Makefile
+*.md
+
+# Config files not needed for build
+.prettierrc.json
+.prettierignore
+eslint.config.js
+vitest.config.ts
+

caddy/WebCaddyfile.local

@@ -11,11 +11,7 @@
 		respond 204
 	}
 
-	# CORS on normal requests
-	@localOrigin header Origin http://localhost:5173
-
-    header @localOrigin Access-Control-Allow-Origin "http://localhost:5173"
-
+	# CORS headers for all requests
 	header {
 		Vary "Origin"
 		X-Frame-Options "SAMEORIGIN"
@@ -28,11 +24,16 @@
 
 	# --- Local relay: strip /relay and call host API (no TLS) ---
 	handle_path /relay/* {
-		uri replace ^/relay /api
-
-		reverse_proxy {$RELAY_UPSTREAM:http://host.docker.internal:8080} {
-            header_up Host {upstream_hostport}
-        }
+		# In local mode, proxy to API Caddy which expects /api prefix
+		# handle_path strips /relay, so /relay/generate-signature becomes /generate-signature
+		# We prepend /api to the path before forwarding
+		rewrite * /api{uri}
+
+		reverse_proxy {$RELAY_UPSTREAM:http://host.docker.internal:18080} {
+			header_up Host {upstream_hostport}
+			# explicitly forward Origin so the Go CORS middleware can emit headers
+			header_up Origin {http.request.header.Origin}
+		}
 	}
 
 	# --- Serve SPA (simple) ---

docker-compose.yml

@@ -59,7 +59,7 @@ services:
         ports:
             - "5173:80"
         environment:
-            - RELAY_UPSTREAM=http://host.docker.internal:8080
+            - RELAY_UPSTREAM=http://host.docker.internal:18080
         volumes:
             - ./dist:/usr/share/caddy:ro
             - ./caddy/mtls:/etc/caddy/mtls:ro
@@ -77,6 +77,7 @@ services:
         user: "${UID:-1000}:${GID:-1000}"
         volumes:
             - .:/app
+            - oullin_web_node_modules:/app/node_modules
         profiles:
             - local
         depends_on:
@@ -97,3 +98,4 @@ networks:
 volumes:
     oullin_web_data:
     oullin_web_config:
+    oullin_web_node_modules:

eslint.config.js

@@ -183,7 +183,7 @@ export default [
 	},
 
 	{
-		files: ['src/partials/EducationPartial.vue', 'src/partials/RecommendationPartial.vue', 'src/pages/PostPage.vue'],
+		files: ['src/partials/ArticleItemPartial.vue', 'src/partials/EducationPartial.vue', 'src/partials/RecommendationPartial.vue', 'src/pages/PostPage.vue'],
 		rules: {
 			'vue/no-v-html': 'off',
 		},

src/components/WidgetSkillsTransitionWrapper.vue

@@ -1,9 +1,7 @@
 <template>
 	<div class="relative min-h-[18rem]">
-		<transition name="fade" appear mode="out-in">
-			<WidgetSkillsSkeletonPartial v-if="isLoading || !profile" key="skeleton" />
-			<WidgetSkillsPartial v-else key="skills" :skills="profile.skills" />
-		</transition>
+		<WidgetSkillsSkeletonPartial v-if="isLoading || !profile" key="skeleton" />
+		<WidgetSkillsPartial v-else key="skills" :skills="profile.skills" />
 	</div>
 </template>
 

src/components/WidgetSocialTransitionWrapper.vue

@@ -1,9 +1,7 @@
 <template>
 	<div class="relative min-h-[200px]">
-		<transition name="fade" appear mode="out-in">
-			<WidgetSocialSkeletonPartial v-if="isLoading" key="skeleton" />
-			<WidgetSocialPartial v-else key="social" :social="social" />
-		</transition>
+		<WidgetSocialSkeletonPartial v-if="isLoading" key="skeleton" />
+		<WidgetSocialPartial v-else key="social" :social="social" />
 	</div>
 </template>
 

src/pages/AboutPage.vue

@@ -53,14 +53,12 @@
 										<div class="mt-5 space-y-5">
 											<h2 class="h2 font-aspekta text-slate-700 dark:text-slate-300">Let's Connect</h2>
 											<div class="relative min-h-[5rem]">
-												<transition name="fade" appear mode="out-in">
-													<p v-if="profile" key="connect">
-														I'm happy to connect by
-														<a v-lazy-link class="blog-link" title="send me an email" aria-label="send me an email" :href="`mailto:${profile.email}`"> email </a>
-														to discuss projects and ideas. While I'm not always available for freelance or long-term work, please don't hesitate to reach out anytime.
-													</p>
-													<AboutConnectSkeletonPartial v-else key="skeleton" />
-												</transition>
+												<p v-if="profile" key="connect">
+													I'm happy to connect by
+													<a v-lazy-link class="blog-link" title="send me an email" aria-label="send me an email" :href="`mailto:${profile.email}`"> email </a>
+													to discuss projects and ideas. While I'm not always available for freelance or long-term work, please don't hesitate to reach out anytime.
+												</p>
+												<AboutConnectSkeletonPartial v-else key="skeleton" />
 											</div>
 										</div>
 									</div>