use custom domain for pages

Author: vmelikyan

README.md

@@ -123,7 +123,7 @@ To enable GitHub Pages for this repository:
 5. Under "Branch", select "gh-pages" and "/ (root)"
 6. Click "Save"
 
-The site will be available at `https://goodrxoss.github.io/lifecycle-docs/` (or your custom domain if configured).
+The site will be available at `https://uselifecycle.com/`.
 
 ### Static Build for GitHub Pages
 

next.config.mjs

@@ -16,8 +16,6 @@
 
 import nextra from "nextra";
 import { remarkCodeHike, recmaCodeHike } from "codehike/mdx";
-// eslint-disable-next-line no-undef
-const isLocal = process.env?.NEXT_PUBLIC_DEV_ENV === 'local';
 
 /** @type {import('codehike/mdx').CodeHikeConfig} */
 export const chConfig = {
@@ -47,8 +45,6 @@ const nextConfig = {
   output: 'export',
   pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx", "css"],
   reactStrictMode: true,
-  assetPrefix:  !isLocal ? '/lifecycle-docs' : '',
-  basePath: !isLocal ? '/lifecycle-docs' : '',
   eslint: {
     dirs: ["src"],
     ignoreDuringBuilds: true,

public/CNAME

@@ -0,0 +1 @@
+uselifecycle.com

src/components/image/index.tsx

@@ -52,8 +52,7 @@ export const DefinedImage = ({
   width = 800,
   height = 500,
 }: DefinedImageProps) => {
-  const isLocal = process.env.NEXT_PUBLIC_DEV_ENV === "local";
-  const currentSrc = !isLocal ? `/lifecycle-docs${src}` : src;
+  const currentSrc = src;
   return width && height ? (
     <Image
       src={currentSrc}

src/theme.config.tsx

@@ -25,12 +25,10 @@ import { Separator } from "@/components/ui/separator";
 import { Code } from "@/components";
 import Image from "next/image";
 
-const basePath = process.env.NODE_ENV === "production" ? "/lifecycle-docs" : "";
-
 const logo = (
   <div className="flex items-center gap-2 logo-shake">
     <Image
-      src={`${basePath}/logo.png`}
+      src="/logo.png"
       alt="Lifecycle"
       width={32}
       height={32}
@@ -73,7 +71,7 @@ export const HeadMeta = () => {
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <meta property="og:title" content="Lifecycle" />
       <meta property="og:description" content="Documentation for Lifecycle" />
-      <link rel="icon" type="image/png" href={`${basePath}/logo.png`} />
+      <link rel="icon" type="image/png" href="/logo.png" />
     </>
   );
 };