feat: adding search api

apps/app/nuxt.config.ts

@@ -17,15 +17,14 @@ export default defineNuxtConfig({
     },
   },
   routeRules: {
-    "/sign-in": { ssr: false },
     "/": { prerender: true },
     "/profile": { ssr: true },
   },
   nitro: {
     preset: "cloudflare",
     baseURL: process.env.NODE_ENV === "development" ? "/" : baseURL,
     prerender: {
-      crawlLinks: true,
+      routes: ["/api/search.json"],
     },
     runtimeConfig: {
       app: {

apps/app/package.json

@@ -37,5 +37,8 @@
     "splitpanes": "^3.1.5",
     "tailwind-config": "workspace:*",
     "universal-cookie": "^4.0.4"
+  },
+  "resolutions": {
+    "h3": "^1.8.2"
   }
 }

apps/app/pages/[...slug].vue

@@ -8,31 +8,47 @@ const sessionStore = useSessionStore();
 const taskModalStore = useTaskModalStore();
 const coursesStore = useCoursesStore();
 const enrollmentModalStore = useEnrollmentModalStore();
-const { params } = useRoute();
+const { params, path } = useRoute();
 const router = useRouter();
 const loading = ref(true);
 
-const { data } = await useAsyncData(`course${params.slug[0]}`, async () => {
-  const [course, lesson, surround] = await Promise.all([
-    queryContent(`/${params.slug[0]}`).findOne(),
-    queryContent(
-      `/${params.slug[0]}/${params.slug[1]}/${params.slug[2]}`
-    ).findOne(),
-    queryContent()
-      .where({
-        _type: "markdown",
-        _id: { $contains: `github:${params.slug[0]}` },
-      })
-      .findSurround(`/${params.slug[0]}/${params.slug[1]}/${params.slug[2]}`),
-  ]);
-  return { data: { course, lesson, surround } };
+const { data: course } = await useAsyncData(`course-${path}`, () =>
+  queryContent(`/${params.slug[0]}`).findOne()
+);
+
+if (!course.value) {
+  throw createError({ statusCode: 404, statusMessage: "Page not found" });
+}
+
+const { data: lesson } = await useAsyncData(`lesson-${path}`, () =>
+  queryContent(path).findOne()
+);
+
+if (!lesson.value) {
+  throw createError({ statusCode: 404, statusMessage: "Page not found" });
+}
+
+const { data: surround } = await useAsyncData(`lesson-${path}-surround`, () => {
+  return queryContent()
+    .where({
+      _type: "markdown",
+      _id: { $contains: `github:${params.slug[0]}` },
+    })
+    .findSurround(`/${params.slug[0]}/${params.slug[1]}/${params.slug[2]}`);
+});
+
+useSeoMeta({
+  title: lesson.value.title,
+  ogTitle: lesson.value.title,
+  description: lesson.value.description,
+  ogDescription: lesson.value.description,
 });
 
-const previousLesson = data.value?.data.surround[0];
-const nextLesson = data.value?.data.surround[1];
-const currentLesson = data.value?.data.lesson;
+const previousLesson = surround.value ? surround.value[0] : null;
+const nextLesson = surround.value ? surround.value[1] : null;
+const currentLesson = lesson.value;
 
-const currentCourse = data.value?.data.course._dir;
+const currentCourse = course.value._dir;
 
 const hasTask = computed(() => {
   return ["Content", "Image"].includes(currentLesson?.submissionContent);
@@ -114,7 +130,11 @@ onMounted(async () => {
       </div>
     </div>
     <div class="mx-auto max-w-[816px] px-6 sm:px-8 pb-10">
-      <ContentDoc id="nuxt_content" />
+      <ContentRenderer
+        v-if="currentLesson.body"
+        :value="currentLesson"
+        id="nuxt_content"
+      />
 
       <nuxt-link
         v-if="previousLesson"

apps/app/server/api/search.json.get.ts

@@ -0,0 +1,7 @@
+import { serverQueryContent } from "#content/server";
+
+export default eventHandler((event) => {
+  return serverQueryContent(event)
+    .where({ _type: "markdown", navigation: { $ne: false } })
+    .find();
+});

wrangler.toml

@@ -5,4 +5,8 @@ compatibility_date = "2022-09-10"
 account_id = "d8803c6a6253e9267bf1000ca69db18d"
 
 [site]
-bucket = "apps/app/.output/public"
+bucket = "apps/app/.output/public"
+
+[env.dev]
+bucket = "apps/app/.output/public"
+route = "*dev.menthor.io/app*"