This is a technical blog documenting the story of YEAHx4. It is developed using Next.js 14. You are free to use and modify the code, but you must change or remove all code connected to this repository before using it.
Features
- SSR
- Markdown-based post writing
- Comment (by giscus)
- Series post
- Search
- RSS
- Node.js (20 or higher)
- Vercel (or other deployment way)
Setting giscus
giscus is a comment system based on GitHub Discussions. In the original source code, giscus is connected to this repository's discussions. Therefore, you need to modify the configuration to link it to your own repository's discussions.
- Install giscus app (link)
- Enable discussions (docs)
- Configure giscus (link)
- Modify
/components/Comment.tsx
according to giscus's instruction.
Writing Post
All posts are stored in /posts
directory in .mdx
format.
If there is a markdown file named /posts/hello/my-post.mdx
, the URL of that post will be /post/hello/my-post
.
You can also specify the details of posts.
Add the following to the top of the .mdx
file.
---
title: "Next.js 14 블로그 만들기 - 테스트 포스트"
description: "The Test Post"
icon: ""
image: ""
tags:
- test
draft: false
date: 2024-07-16 02:53:45
series: 블로그 만들기
seriesIndex: 0
---
For more detailed documentation, check /libs/posts.ts
(link)