nextjs mdx blog

Nextjs -MDX -Shadcn -UI -Tailwind- 블로그

다음에 2023-08-22로 업데이트되었습니다. JS 앱 라우터!

다음 블로그 또는 개인 사이트에 대한 Next.js 스타터 템플릿. 구축 :

• 다음 .js 앱 라우터
• ContentLayer를 사용한 컨텐츠 처리
• MDX로 게시물을 작성하십시오
• Shadcn-UI를 사용한 UI 구성 요소
• 테일 윈드 CS와 스타일

이 스타터는 Lee Robinson에서 큰 영감을 받았습니다.

? 라이브 데모를보십시오

시작하기

git clone https://github.com/ChangoMan/nextjs-mdx-blog.git
cd nextjs-typescript-mdx-blog

npm install

npm run dev

새 사이트는 http : // localhost : 3000/에서 올라갑니다.

루트 폴더의 블로그 게시물을 posts 디렉토리에 추가 할 수 있습니다.

사이트를 생중계 할 때 WEBSITE_HOST_URL 업데이트하십시오. 이것은 /src/lib/constants.ts 에 살고 있습니다

웹 사이트에 더 많은 페이지를 추가하면 sitemap.ts 파일, 특히 const routes 업데이트하십시오.