chore: update URLs and metadata for dStruct domain transition

mkayander · mkayander · commit 1b97198554f5 · 2026-03-07T13:05:10.000+03:00
- Changed all instances of the domain from `dstruct.app` to `dstruct.pro` in the README, sitemap, and meta tags.
- Updated the canonical link in the index page and added a canonical URL in the playground page for SEO optimization.
- Enhanced the sitemap generation to reflect the new domain and included last modified dates for better indexing.
- Adjusted the web manifest to include the correct app name and short name.
diff --git a/README.md b/README.md
@@ -1,9 +1,9 @@
 # dStruct - LeetCode Problem Visualization Web App
 
-#### [dstruct.app](https://dstruct.app/)
+#### [dstruct.pro](https://dstruct.pro/)
 
 <p align="center">
-  <a href="https://dstruct.app">
+  <a href="https://dstruct.pro">
     <img src="https://therealsujitk-vercel-badge.vercel.app/?app=dstruct&style=for-the-badge" alt="Deployed on Vercel" />
   </a>
   <a href="/LICENSE">
@@ -17,7 +17,7 @@ dStruct is a web app designed to assist users in understanding and visualizing L
 code editor where users can write and visualize their solutions.
 
 <p align="center">
-  <a href="https://dstruct.app/playground">
+  <a href="https://dstruct.pro/playground">
     <img src="https://i.imgur.com/Q1FRwaK.png" alt="dStruct Web App" />
   </a>
 </p>
diff --git a/public/robots.txt b/public/robots.txt
@@ -1,4 +1,5 @@
 User-agent: *
 Allow: /
+Disallow: /api/
 
-Sitemap: https://dstruct.app/sitemap.xml
+Sitemap: https://dstruct.pro/sitemap.xml
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -1,6 +1,6 @@
 {
-  "name": "",
-  "short_name": "",
+  "name": "dStruct",
+  "short_name": "dStruct",
   "icons": [
     {
       "src": "/android-chrome-192x192.png",
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -25,29 +25,36 @@ function Document({ emotionStyleTags }: MyDocumentProps) {
           content="dStruct is a web app that helps you understand LeetCode problems. It allows you to visualize your solutions that you write in a built-in code editor."
         />
 
+        <meta property="og:site_name" content="dStruct" />
         <meta property="og:title" content="dStruct" />
         <meta property="og:type" content="website" />
-        <meta property="og:url" content="https://dstruct.app/" />
+        <meta property="og:url" content="https://dstruct.pro/" />
         <meta
           property="og:description"
           content="dStruct is a web app that helps you understand LeetCode problems. It allows you to visualize your solutions that you write in a built-in code editor."
         />
         <meta
           property="og:image"
-          content="https://dstruct.app/static/screen2.png"
+          content="https://dstruct.pro/static/screen2.png"
+        />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="630" />
+        <meta
+          property="og:image:alt"
+          content="dStruct - LeetCode solution visualizer"
         />
 
         <meta name="twitter:card" content="summary_large_image" />
-        <meta property="twitter:domain" content="dstruct.app" />
-        <meta property="twitter:url" content="https://dstruct.app/" />
+        <meta property="twitter:domain" content="dstruct.pro" />
+        <meta property="twitter:url" content="https://dstruct.pro/" />
         <meta name="twitter:title" content="dStruct" />
         <meta
           name="twitter:description"
           content="dStruct is a web app that helps you understand LeetCode problems. It allows you to visualize your solutions that you write in a built-in code editor."
         />
         <meta
           name="twitter:image"
-          content="https://dstruct.app/static/screen2.png"
+          content="https://dstruct.pro/static/screen2.png"
         />
 
         <link
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -94,6 +94,7 @@ const DashboardPage: NextPage<{
     <MainLayout onScroll={handleScroll} headerPosition="fixed">
       <Head>
         <title>dStruct</title>
+        <link rel="canonical" href="https://dstruct.pro/" />
       </Head>
       {/* Hero Section */}
       <Box
diff --git a/src/pages/playground/[[...slug]].tsx b/src/pages/playground/[[...slug]].tsx
@@ -1,5 +1,6 @@
 import { darken, useTheme } from "@mui/material";
 import type { GetServerSideProps, NextPage } from "next";
+import Head from "next/head";
 import React from "react";
 
 import { ConfigContext } from "#/context";
@@ -10,6 +11,7 @@ import { PlaygroundViewProvider } from "#/features/playground/context/Playground
 import { MobilePlayground } from "#/features/playground/ui/MobilePlayground";
 import { ProjectPanel } from "#/features/project/ui/ProjectPanel";
 import { TreeViewPanel } from "#/features/treeViewer/ui/TreeViewPanel";
+import { db } from "#/server/db/client";
 import { useAppConfig, useHasMounted } from "#/shared/hooks";
 import { useMobileLayout } from "#/shared/hooks/useMobileLayout";
 import {
@@ -47,18 +49,29 @@ const DesktopWrapper: React.FC<DesktopWrapperProps> = ({
   );
 };
 
+const BASE_URL = "https://dstruct.pro";
+
 type PlaygroundPageProps = {
   ssrDeviceType: SsrDeviceType;
+  canonicalUrl: string;
+  pageTitle: string;
 };
 
-const PlaygroundPage: NextPage<PlaygroundPageProps> = () => {
+const PlaygroundPage: NextPage<PlaygroundPageProps> = ({
+  canonicalUrl,
+  pageTitle,
+}) => {
   const theme = useTheme();
   const isMobile = useMobileLayout();
 
   const { data = {} } = useAppConfig();
 
   return (
     <ConfigContext.Provider value={data}>
+      <Head>
+        <title>{pageTitle}</title>
+        <link rel="canonical" href={canonicalUrl} />
+      </Head>
       <PageScrollContainer
         isPage={true}
         options={
@@ -94,13 +107,30 @@ const PlaygroundPage: NextPage<PlaygroundPageProps> = () => {
 
 export const getServerSideProps: GetServerSideProps<
   PlaygroundPageProps
-> = async ({ req, res }) => {
+> = async ({ req, res, params }) => {
   const ssrDeviceType = resolveSsrDeviceType(req.headers);
   setDeviceHintResponseHeaders(res);
 
+  const slug = params?.slug;
+  const slugStr = Array.isArray(slug) ? slug[0] : undefined;
+  const canonicalUrl = slugStr
+    ? `${BASE_URL}/playground/${slugStr}`
+    : `${BASE_URL}/playground`;
+
+  let pageTitle = "Playground | dStruct";
+  if (slugStr) {
+    const project = await db.playgroundProject.findUnique({
+      where: { slug: slugStr },
+      select: { title: true },
+    });
+    pageTitle = project ? `${project.title} | dStruct` : "Playground | dStruct";
+  }
+
   return {
     props: {
       ssrDeviceType,
+      canonicalUrl,
+      pageTitle,
     },
   };
 };
diff --git a/src/pages/sitemap.xml.ts b/src/pages/sitemap.xml.ts
@@ -1,24 +1,45 @@
 import type { GetServerSideProps } from "next";
 
 import { db } from "#/server/db/client";
-import type { PlaygroundProject } from "#/server/db/generated/client";
 
-function generateSiteMap(projects: Partial<PlaygroundProject>[]) {
+const BASE_URL = "https://dstruct.pro";
+
+type ProjectForSitemap = {
+  slug: string;
+  updatedAt: string;
+};
+
+function formatLastmod(date: Date | string): string {
+  const d = typeof date === "string" ? new Date(date) : date;
+  return d.toISOString().split("T")[0] ?? "";
+}
+
+function generateSiteMap(projects: ProjectForSitemap[]) {
+  const now = formatLastmod(new Date());
   return `<?xml version="1.0" encoding="UTF-8"?>
    <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-     <!--We manually set the two URLs we know already-->
      <url>
-       <loc>https://dstruct.app</loc>
+       <loc>${BASE_URL}</loc>
+       <lastmod>${now}</lastmod>
+       <changefreq>weekly</changefreq>
+       <priority>1.0</priority>
      </url>
      <url>
-       <loc>https://dstruct.app/playground</loc>
+       <loc>${BASE_URL}/playground</loc>
+       <lastmod>${now}</lastmod>
+       <changefreq>weekly</changefreq>
+       <priority>0.9</priority>
      </url>
      ${projects
-       .map(({ slug }) => {
+       .map(({ slug, updatedAt }) => {
+         const lastmod = formatLastmod(updatedAt);
          return `
-       <url>
-           <loc>${`https://dstruct.app/playground/${slug}`}</loc>
-       </url>
+     <url>
+       <loc>${BASE_URL}/playground/${slug}</loc>
+       <lastmod>${lastmod}</lastmod>
+       <changefreq>weekly</changefreq>
+       <priority>0.8</priority>
+     </url>
      `;
        })
        .join("")}
@@ -33,8 +54,10 @@ function SiteMap() {
 export const getServerSideProps: GetServerSideProps = async ({ res }) => {
   // We make an API call to gather the URLs for our site
   const projects = await db.playgroundProject.findMany({
+    where: { isPublic: true },
     select: {
       slug: true,
+      updatedAt: true,
     },
   });
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "name": "",`
`3`		`- "short_name": "",`
	`2`	`+ "name": "dStruct",`
	`3`	`+ "short_name": "dStruct",`
`4`	`4`	`"icons": [`
`5`	`5`	`{`
`6`	`6`	`"src": "/android-chrome-192x192.png",`