golamrabbiazad / golamrabbiazad.vercel.app

✨ My portfolio is built with Next.js 14, TailwindCSS, and Vercel.

golamrabbiazad.vercel.app

✨ My portfolio is built with Next.js 13, TailwindCSS, and Vercel.

$ gh repo clone golamrabbiazad/golamrabbiazad.vercel.app

$ cd golamrabbiazad.vercel.app/

$ npm i

$ npm run dev

App running on http://localhost:3000 🥳

golamrabbiazad.vercel.app's Issues

view source link border to decoration-wavy

Unsupported metadata themeColor is configured in metadata export. Please move it to viewport export instead

Unsupported metadata themeColor is configured in metadata export. Please move it to viewport export instead

moving to mdxts from contentlayer

https://www.mdxts.dev/docs/getting-started

Moving to Astro.build

Upgrade to App Router

Next.js 13

perf: add million compiler

Fix: Cannot find module 'contentlayer/generated' or its corresponding type declarations with next.js 13 pages

Issue:

This Error occurs when building the app with Next.js pages.

  1 | import Link from "next/link"
  2 | import { Post } from "contentlayer/generated"
                           ^

Type error: Cannot find module 'contentlayer/generated' or its corresponding type declarations.

Solution:

contentlayer and next-contentlayer v0.3.4 require the app directory to be present.

Just create an empty app directory in the base root project.

OR, modify the build command with contentlayer build && next build.

This is it 🥳

Type error: Cannot find module 'contentlayer/generated' or its corresponding type declarations.

./components/BlogPost.tsx:3:22

1 | import Link from "next/link";
2 |
3 | import { Post } from "contentlayer/generated";
4 |                       ^

5 | export default function BlogPost({
6 |   title,

Could not resolve dependency: npm ERR! peer next@"^12 || ^13" from [email protected]

Could not resolve dependency:
npm ERR! peer next@"^12 || ^13" from [email protected]

Add OG

https://vercel.com/docs/functions/edge-functions/og-image-generation

https://ogp.me/

use-delayed-render lib Conflicting peer dependency: [email protected]

npm WARN Could not resolve dependency:
npm WARN peer react@"^16.13.1" from [email protected]
npm WARN node_modules/use-delayed-render
npm WARN   use-delayed-render@"^0.0.7" from the root project
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN   peer react@"^16.13.1" from [email protected]
npm WARN   node_modules/use-delayed-render
npm WARN     use-delayed-render@"^0.0.7" from the root project

bug: dark and light mode issue

When Clicking on the toggle-mode button it is set to system.

The first time, when clicking on the toggle mode which is if the system === 'dark' then it is set to dark mode in the local storage.
And the theme isn't changing the first time.

The second time click, it changes to the light mode in the local storage as well as the theme.

Add Vercel Speed Insights

https://vercel.com/docs/speed-insights/quickstart

next/font to fix CLS