Initial Montech monorepo: Nuxt landing, Vue admin, Nest API.

Scaffold SSR site with CMS/blog/gallery/SEO admin and deploy configs for montech.ir. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-30 18:42:28 +03:30
commit 7e8e1b1f1b
96 changed files with 19336 additions and 0 deletions
@@ -0,0 +1,36 @@
+<template>
+  <article v-if="post" class="min-h-screen px-6 pb-24 pt-28 md:px-10">
+    <SiteNavbar brand="Montech" />
+    <div class="mx-auto max-w-[760px]">
+      <NuxtLink to="/blog" class="font-mono text-[11px] tracking-[0.22em] text-ash hover:text-volt">← BACK</NuxtLink>
+      <h1 class="mt-8 font-display text-4xl font-extrabold uppercase tracking-[-0.03em] md:text-6xl">
+        {{ post.title }}
+      </h1>
+      <p class="mt-4 font-mono text-[11px] tracking-[0.2em] text-ash">
+        {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-GB") : "" }}
+      </p>
+      <div class="prose-montech mt-10 space-y-4 text-base leading-relaxed text-bone/90" v-html="post.content" />
+    </div>
+  </article>
+</template>
+
+<script setup lang="ts">
+const route = useRoute();
+const slug = String(route.params.slug);
+const { data: post } = await useAsyncData(`blog-${slug}`, () => fetchPublicPost(slug));
+
+if (!post.value) {
+  throw createError({ statusCode: 404, statusMessage: "Post not found" });
+}
+
+useSeoMeta({
+  title: post.value.seoTitle || post.value.title,
+  description: post.value.seoDesc || post.value.excerpt,
+  ogTitle: post.value.seoTitle || post.value.title,
+  ogDescription: post.value.seoDesc || post.value.excerpt,
+  ogImage: post.value.ogImage || post.value.coverUrl || undefined,
+});
+if (post.value.canonical) {
+  useHead({ link: [{ rel: "canonical", href: post.value.canonical }] });
+}
+</script>
@@ -0,0 +1,29 @@
+<template>
+  <div class="min-h-screen px-6 pb-24 pt-28 md:px-10">
+    <SiteNavbar :brand="'Montech'" />
+    <div class="mx-auto max-w-[1100px]">
+      <h1 class="font-display text-5xl font-extrabold uppercase tracking-[-0.03em] md:text-7xl">Blog</h1>
+      <p class="mt-4 max-w-xl text-ash">Notes on product, engineering and shipping software.</p>
+      <ul class="mt-16 divide-y divide-white/[0.07] border-y border-white/[0.07]">
+        <li v-for="post in posts" :key="post.id" class="py-8">
+          <NuxtLink :to="`/blog/${post.slug}`" class="group block">
+            <p class="font-mono text-[10px] tracking-[0.22em] text-ash">
+              {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-GB") : "" }}
+            </p>
+            <h2 class="mt-2 font-display text-2xl font-bold uppercase tracking-[-0.02em] group-hover:text-volt md:text-3xl">
+              {{ post.title }}
+            </h2>
+            <p class="mt-3 max-w-2xl text-sm text-ash">{{ post.excerpt }}</p>
+          </NuxtLink>
+        </li>
+      </ul>
+      <p v-if="!posts?.length" class="mt-10 text-ash">No posts yet.</p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const { data: posts } = await useAsyncData("blog-list", () => fetchPublicBlog());
+const { data: page } = await useAsyncData("page-blog", () => fetchPage("blog"));
+applyPageSeo(page.value?.seo);
+</script>