diff --git a/next-sitemap.js b/next-sitemap.js index a712fef..e745233 100644 --- a/next-sitemap.js +++ b/next-sitemap.js @@ -1,5 +1,5 @@ module.exports = { - siteUrl: 'https://tsnext-tw.thcl.dev/', + siteUrl: 'https://og.thcl.dev/', generateRobotsTxt: true, robotsTxtOptions: { policies: [{ userAgent: '*', allow: '/' }], diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx index 88f46bd..36c0382 100644 --- a/src/components/Seo.tsx +++ b/src/components/Seo.tsx @@ -4,12 +4,11 @@ import { useRouter } from 'next/router'; import { openGraph } from '@/lib/helper'; const defaultMeta = { - title: 'Next.js + Tailwind CSS + TypeScript Starter', - site_name: 'Next.js + Tailwind CSS + TypeScript Starter', - description: - ' A starter for Next.js, Tailwind CSS, and TypeScript with Absolute Import, Seo, Link component, pre-configured with Husky', - url: 'https://tsnext-tw.thcl.dev', - image: 'https://theodorusclarence.com/favicon/large-og.jpg', + title: 'Open Graph Generator', + site_name: 'Open Graph Generator', + description: 'Made for personal use by Theodorus Clarence', + url: 'https://og.thcl.dev', + image: 'https://og.thcl.dev/images/logo.jpg', type: 'website', robots: 'follow, index', }; diff --git a/src/pages/api/general.ts b/src/pages/api/general.ts index f1fb02b..ecf3e29 100644 --- a/src/pages/api/general.ts +++ b/src/pages/api/general.ts @@ -12,7 +12,7 @@ export default withOGImage({ const query = { title: title ?? 'Title', description: description ?? 'Description', - logo: logo ?? 'https://theodorusclarence.com/favicon/large-og.jpg', + logo: logo ?? 'https://og.thcl.dev/images/logo.jpg', }; return ` diff --git a/src/pages/api/hello.ts b/src/pages/api/hello.ts deleted file mode 100644 index 5a763fd..0000000 --- a/src/pages/api/hello.ts +++ /dev/null @@ -1,7 +0,0 @@ -// Next.js API route support: https://nextjs.org/docs/api-routes/introduction - -import { NextApiRequest, NextApiResponse } from 'next'; - -export default function hello(req: NextApiRequest, res: NextApiResponse) { - res.status(200).json({ name: 'Bambang' }); -} diff --git a/src/pages/components.tsx b/src/pages/components.tsx deleted file mode 100644 index 4b77de8..0000000 --- a/src/pages/components.tsx +++ /dev/null @@ -1,200 +0,0 @@ -import clsx from 'clsx'; -import * as React from 'react'; - -import Button from '@/components/buttons/Button'; -import ButtonLink from '@/components/links/ButtonLink'; -import CustomLink from '@/components/links/CustomLink'; -import UnstyledLink from '@/components/links/UnstyledLink'; -import Seo from '@/components/Seo'; - -export default function ComponentsPage() { - const [mode, setMode] = React.useState('dark'); - function toggleMode() { - return mode === 'dark' ? setMode('light') : setMode('dark'); - } - - //#region //*=========== THEME =========== - function randomize() { - const r = Math.random() * 170 + 80; - const g = Math.random() * 170 + 80; - const b = Math.random() * 170 + 80; - document.documentElement.style.setProperty( - '--tw-clr-primary-400', - `${r},${g},${b}` - ); - document.documentElement.style.setProperty( - '--tw-clr-primary-500', - `${r - 20},${g - 20},${b - 20}` - ); - } - //#endregion //*======== THEME =========== - - const textColor = mode === 'dark' ? 'text-gray-300' : 'text-gray-600'; - return ( - <> - - -
-
-
-

Built-in Components

- - ← Back to Home - - -
- - -
- -
    -
  1. -

    UnstyledLink

    -

    - No style applied, differentiate internal and outside links, - give custom cursor for outside links. -

    -
    - Internal Links - - Outside Links - -
    -
    2. -
  2. -

    CustomLink

    -

    - Add styling on top of UnstyledLink, giving a dotted and - animated underline. -

    -
    - Internal Links - - Outside Links - -
    -
    3. -
  3. -

    ButtonLink

    -

    - Button styled link with 3 variants. -

    -
    - - Primary Variant - - - Dark Variant - - - Light Variant - -
    -
    4. -
  4. -

    Button

    -

    - Ordinary button with style. -

    -
    - - - -
    -
    - - - -
    -
    - - - -
    -
    5. -
  5. -

    Custom 404 Page

    -

    - Styled 404 page with some animation. -

    -
    - Visit the 404 page -
    -
    6. -
-
-
-
- - ); -} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 9fc2490..1a4cf62 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -2,48 +2,32 @@ import * as React from 'react'; import ButtonLink from '@/components/links/ButtonLink'; import CustomLink from '@/components/links/CustomLink'; -import UnstyledLink from '@/components/links/UnstyledLink'; import Seo from '@/components/Seo'; export default function HomePage() { return ( <> - +
-

Next.js + Tailwind CSS + TypeScript Starter

+

Open Graph Generator

- A starter for Next.js, Tailwind CSS, and TypeScript with Absolute - Import, Seo, Link component, pre-configured with Husky{' '} + Made for personal use using{' '} + + next-api-og-image +

-

- +

+ See the repository - +

- - See all components - - - - {/* eslint-disable-next-line @next/next/no-img-element */} - Deploy with Vercel - - @@ -53,12 +37,3 @@ export default function HomePage() { ); } - -/** - * Default info that you should change: - * components/Seo.tsx - * next-sitemap.js - * public/favicon - * - * Please refer to the README.md - */