Merge pull request #536 from mwskwong/canary

Canary

Author: mwskwong

README.md

@@ -1,6 +1,4 @@
-<h1 align="center">
-  <a href="https://mwskwong.com" rel="noopener" target="_blank">mwskwong.com</a>
-</h1>
+# [mwskwong.com](https://mwskwong.com)
 
 ## Greetings 👋.
 
@@ -16,38 +14,18 @@ Welcome to the source code of [mwskwong.com](https://mwskwong.com). You can see
 
    2. Delete the untargeted canary environment (i.e. the one previously targeted by `master`) and add a new one.
 
-      - Environment ID naming: `canary_YYYY-MM-DDTHH.mm.ss.SSSZ`
+      - Environment ID naming: `canary_YYYY-MM-DDTHH-mm-ss-SSSZ`
 
         ```js
-        `canary_${new Date().toISOString().replaceAll(":", ".")}`;
+        navigator.clipboard.writeText(
+          `canary_${new Date().toISOString().replaceAll(":", "-")}`
+        );
         ```
 
-      - Cloned from: `development` environment
+      - Cloned from: `master` environment
 
    3. Update the **Environments** of the `canary` API key, check the newly added canary environment
 
 3. In [Vercel](https://vercel.com), replace the value of environment variable `CONTENTFUL_ENVIRONMENT` of the **Preview** environment to the Contentful Environment ID defined in step 2.ii.
 
 4. Merge/enable auto merge for the PR.
-
-## Preview Deployment
-
-1. Create a PR to `canary` (optional)
-
-2. In [Contentful](https://app.contentful.com/)
-
-   1. Delete the latest canary environment and add a new one.
-
-      - Environment ID naming: `canary_YYYY-MM-DDTHH.mm.ss.SSSZ`
-
-        ```js
-        `canary_${new Date().toISOString().replaceAll(":", ".")}`;
-        ```
-
-      - Cloned from: `development` environment
-
-   2. Update the **Environments** of the `canary` API key, check the newly added canary environment
-
-3. Perform step 3 of [PROD Deployment](#prod-deployment)
-
-4. Merge the PR or push code changes to `canary` directly

src/app/layout.tsx

@@ -89,7 +89,6 @@ export const generateMetadata = async () =>
       type: "website",
       siteName,
     },
-    robots: { "max-image-preview": "large" },
     icons: {
       icon: await Promise.all(
         iconSizes.map(async (size) => {

src/app/robots.ts

@@ -1,12 +1,12 @@
 import { type MetadataRoute } from "next";
 
-import { siteUrl } from "@/constants/site-config";
+import { routes, siteUrl } from "@/constants/site-config";
 
 const robots = () =>
   ({
     rules: {
       userAgent: "*",
-      disallow: process.env.VERCEL_ENV === "production" ? "/params" : "/",
+      disallow: process.env.VERCEL_ENV === "production" ? routes.params.pathname : "/",
     },
     sitemap: `${siteUrl}/sitemap.xml`,
   }) satisfies MetadataRoute.Robots;

src/components/blog-post/copy-link-button.tsx

@@ -21,7 +21,7 @@ export const CopyLinkButton: FC<CopyLinkButtonProps> = (props) => {
       color="gray"
       variant="ghost"
       onClick={async () => {
-        await navigator.clipboard.writeText(`${siteUrl}${pathname}`);
+        await navigator.clipboard.writeText(siteUrl + pathname);
         setCopied(true);
         timeout.current = setTimeout(() => setCopied(false), 1000);
       }}

src/constants/site-config.ts

@@ -17,6 +17,7 @@ export const routes = {
   params: { name: "Parameters", pathname: "/_params" },
 } as const satisfies Record<string, Route>;
 
+// ref: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#default-value
 const getSiteUrl = () => {
   if (
     process.env.NEXT_PUBLIC_VERCEL_ENV === "production" &&
@@ -25,11 +26,11 @@ const getSiteUrl = () => {
     return `https://${process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL}`;
   }
 
-  if (
-    process.env.NEXT_PUBLIC_VERCEL_ENV &&
-    process.env.NEXT_PUBLIC_VERCEL_URL
-  ) {
-    return `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`;
+  const previewOrigin =
+    process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL ??
+    process.env.NEXT_PUBLIC_VERCEL_URL;
+  if (process.env.NEXT_PUBLIC_VERCEL_ENV === "preview" && previewOrigin) {
+    return `https://${previewOrigin}`;
   }
 
   return `http://localhost:${process.env.PORT ?? 3000}`;