NextJS

4 Posts found

NextJSSEODevlog2025.01.04

SEO 최적화

Google 검색엔진에서 내 블로그가 제대로 색인되지 않는 문제를 발견했다. 포트폴리오 페이지인 /는 색인이 잘 되었지만,/devlog 부분이 색인되지 않았다. 이를 해결하기 위해 다음과 같은 단계별 접근을 시도했다. 기본 SEO 설정 점검 먼저, 가장 기본적인 SEO 요소들을 점검했다. App Router의 특성을 활용해 레이아웃과 페이지 구조를...

NextJSSEODevlog2024.12.17

[Next.js] 사이트맵 자동 생성하기

블로그를 개발하면서 SEO 검색 엔진 최적화 는 필수로 챙겨야 할 요소라고 생각했다. 또 블로그에 새로운 페이지가 업데이트될 때마다 Google이나 다른 검색 엔진에서 어떤 과정을 거치게 될까 궁금해 찾아보다 사이트맵이라는 개념을 알게 되었다. 이 글에서는 next-sitemap 라이브러리를 사용해서 사이트맵을 생성하고, Google Search...

NextJSUpstashRedis2024.11.25

Upstash Redis 활용 실시간 채팅 기능 구현하기

블로그에 채팅 기능이 꼭 필요하지는 않았다. 하지만 Redis를 처음 사용해보고 싶었고, 채팅 기능은 Redis의 장점을 실험해보기 좋은 대상이라고 생각했다. 채팅은 실시간으로 메시지를 주고받아야 하며, 데이터를 빠르게 읽고 쓰는 성능이 필요하기 때문이다. 또한 Redis는 방문자의 수를 집계하는 위젯으로도 활용하고 있다. 처음에는 Redis를 직접...

NextJSObsidianTypeScript2024.11.06

옵시디언을 활용한 포스팅 시스템 구축하기

처음에는 마크다운 파일을 복사해서 Next.js 프로젝트 폴더에 붙여넣는 방식으로 블로그를 관리했다. 하지만 글이 많아질수록 폴더 정리와 수정 사항 관리가 번거로워졌다. 삭제된 글이 남아있거나 수정할 때 파일을 일일이 찾아 이동하는 과정도 비효율적이었다. 이런 과정을 자동화하고 싶었고, 옵시디언 Obsidian 과 Next.js 프로젝트를 연결하기로...