Spaces:

Atmint
/

cpns

Runtime error

App Files Files Community

rogasper commited on May 25

Commit

a5bd496

1 Parent(s): df94b74

feat: add sitemap.xml endpoint and improve SEO metadata across web application. Update landing page and root route with Open Graph and Twitter Card tags, enhance environment configuration for site URL, and introduce robots.txt for better search engine indexing. Include Umami analytics script for tracking user interactions.

Browse files

Files changed (9) hide show

apps/server/src/index.ts +20 -0
apps/web/.env.example +1 -1
apps/web/index.html +5 -1
apps/web/public/og_image.png +3 -0
apps/web/public/robots.txt +3 -0
apps/web/src/routes/__root.tsx +45 -11
apps/web/src/routes/landing.tsx +12 -0
apps/web/vite.config.ts +10 -0
packages/env/src/web.ts +1 -0

apps/server/src/index.ts CHANGED Viewed

@@ -56,6 +56,26 @@ app.use(
   }),
 );
 app.get("/", (c) => {
   return c.text("OK");
 });

   }),
 );
+app.get("/sitemap.xml", (c) => {
+  const baseUrl = "https://labas.rogasper.com";
+  const urls = [
+    { loc: `${baseUrl}/landing`, changefreq: "weekly", priority: "0.8" },
+  ];
+  const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${urls
+  .map(
+    (url) => `  <url>
+    <loc>${url.loc}</loc>
+    <changefreq>${url.changefreq}</changefreq>
+    <priority>${url.priority}</priority>
+  </url>`,
+  )
+  .join("\n")}
+</urlset>`;
+  return c.text(sitemap, 200, { "Content-Type": "application/xml" });
+});
 app.get("/", (c) => {
   return c.text("OK");
 });

apps/web/.env.example CHANGED Viewed

	@@ -1,3 +1,3 @@
1	VITE_SERVER_URL=http://localhost:3000
2	-
3


1	VITE_SERVER_URL=http://localhost:3000
2	+ VITE_SITE_URL=http://localhost:5173
3

apps/web/index.html CHANGED Viewed

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -7,10 +7,14 @@
     <meta name="theme-color" content="#0c0c0c" />
     <meta property="og:title" content="Labas — AI Exam Practice" />
     <meta property="og:description" content="AI-powered multi-language test practice platform" />
     <meta property="og:type" content="website" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Labas — AI Exam Practice" />
     <meta name="twitter:description" content="AI-powered multi-language test practice platform" />
     <title>labas</title>
   </head>

 <!doctype html>
+<html lang="id">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#0c0c0c" />
     <meta property="og:title" content="Labas — AI Exam Practice" />
     <meta property="og:description" content="AI-powered multi-language test practice platform" />
+    <meta property="og:url" content="https://labas.rogasper.com" />
+    <meta property="og:image" content="https://labas.rogasper.com/og_image.png" />
     <meta property="og:type" content="website" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Labas — AI Exam Practice" />
     <meta name="twitter:description" content="AI-powered multi-language test practice platform" />
+    <meta name="twitter:image" content="https://labas.rogasper.com/og_image.png" />
+    <link rel="canonical" href="https://labas.rogasper.com" />
     <title>labas</title>
   </head>

apps/web/public/og_image.png ADDED Viewed

Git LFS Details

SHA256: 59c312288ab9c3d5e5a2f0f301e40704816d1c139606ff8b0aa462de319aa9ea
Pointer size: 132 Bytes
Size of remote file: 1.75 MB

apps/web/public/robots.txt ADDED Viewed

	@@ -0,0 +1,3 @@

+User-agent: *
+Allow: /
+Sitemap: https://labas.rogasper.com/sitemap.xml

apps/web/src/routes/__root.tsx CHANGED Viewed

@@ -32,18 +32,52 @@ export interface RouterAppContext {
 export const Route = createRootRouteWithContext<RouterAppContext>()({
   component: RootComponent,
   errorComponent: ({ error, reset }) => <ErrorFallback error={error} reset={reset} />,
-  head: () => ({
-    meta: [
-      { title: "Labas — AI Exam Practice" },
-      { name: "description", content: "AI-powered multi-language test practice platform" },
-    ],
       links: [
-      { rel: "icon", href: "/favicon.ico" },
-      { rel: "preconnect", href: "https://fonts.googleapis.com" },
-      { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" },
-      { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" },
-    ],
-  }),
 });
 function RootComponent() {

 export const Route = createRootRouteWithContext<RouterAppContext>()({
   component: RootComponent,
   errorComponent: ({ error, reset }) => <ErrorFallback error={error} reset={reset} />,
+  head: () => {
+    const siteUrl = "https://labas.rogasper.com";
+    return {
+      meta: [
+        { title: "Labas — AI Exam Practice" },
+        { name: "description", content: "AI-powered multi-language test practice platform" },
+        { property: "og:title", content: "Labas — AI Exam Practice" },
+        { property: "og:description", content: "AI-powered multi-language test practice platform" },
+        { property: "og:url", content: siteUrl },
+        { property: "og:image", content: `${siteUrl}/og_image.png` },
+        { property: "og:type", content: "website" },
+        { name: "twitter:card", content: "summary_large_image" },
+        { name: "twitter:title", content: "Labas — AI Exam Practice" },
+        { name: "twitter:description", content: "AI-powered multi-language test practice platform" },
+        { name: "twitter:image", content: `${siteUrl}/og_image.png` },
+        { name: "robots", content: "index, follow" },
+      ],
       links: [
+        { rel: "icon", href: "/labas_icon.png" },
+        { rel: "canonical", href: siteUrl },
+        { rel: "preconnect", href: "https://fonts.googleapis.com" },
+        { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" as const },
+        { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" },
+      ],
+      scripts: [
+        ...(import.meta.env.PROD
+          ? [{ src: "https://umami-analytic.rogasper.com/script.js", defer: true, "data-website-id": "67a18412-12c8-44ef-9cd3-e04238d37e9a" }]
+          : []),
+        {
+          type: "application/ld+json",
+          children: JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "WebSite",
+            name: "Labas",
+            url: siteUrl,
+            description: "AI-powered multi-language test practice platform",
+            potentialAction: {
+              "@type": "SearchAction",
+              target: `${siteUrl}/bank?search={search_term_string}`,
+              "query-input": "required name=search_term_string",
+            },
+          }),
+        },
+      ],
+    };
+  },
 });
 function RootComponent() {

apps/web/src/routes/landing.tsx CHANGED Viewed

@@ -2,6 +2,18 @@ import { createFileRoute, redirect } from "@tanstack/react-router";
 import { authClient } from "@/lib/auth-client";
 export const Route = createFileRoute("/landing")({
   beforeLoad: async () => {
     try {
       const session = await authClient.getSession();

 import { authClient } from "@/lib/auth-client";
 export const Route = createFileRoute("/landing")({
+  head: () => ({
+    meta: [
+      { title: "Labas — AI-Powered Exam Practice Platform" },
+      { name: "description", content: "Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." },
+      { property: "og:title", content: "Labas — AI-Powered Exam Practice Platform" },
+      { property: "og:description", content: "Generate AI-powered practice questions for JLPT, TOPIK, TOAFL, and more. Practice smarter with adaptive test preparation." },
+      { property: "og:url", content: "https://labas.rogasper.com/landing" },
+    ],
+    links: [
+      { rel: "canonical", href: "https://labas.rogasper.com/landing" },
+    ],
+  }),
   beforeLoad: async () => {
     try {
       const session = await authClient.getSession();

apps/web/vite.config.ts CHANGED Viewed

@@ -24,6 +24,16 @@ export default defineConfig({
     },
   },
   plugins: [
     tailwindcss(),
     tanstackRouter({
       target: "react",

     },
   },
   plugins: [
+    {
+      name: "inject-umami",
+      transformIndexHtml(html) {
+        return html.replace(
+          "</head>",
+          '<script defer src="https://umami-analytic.rogasper.com/script.js" data-website-id="67a18412-12c8-44ef-9cd3-e04238d37e9a"></script></head>',
+        );
+      },
+      apply: "build",
+    },
     tailwindcss(),
     tanstackRouter({
       target: "react",

packages/env/src/web.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export const env = createEnv({
   clientPrefix: "VITE_",
   client: {
     VITE_SERVER_URL: z.url(),
   },
   runtimeEnv: (import.meta as any).env,
   emptyStringAsUndefined: true,

   clientPrefix: "VITE_",
   client: {
     VITE_SERVER_URL: z.url(),
+    VITE_SITE_URL: z.url().default("http://localhost:5173"),
   },
   runtimeEnv: (import.meta as any).env,
   emptyStringAsUndefined: true,