Toris Blog
홈
블로그
프로젝트
할일 관리
소개
문의
홈
블로그
프로젝트
소개
문의
Toris Blog

Next.js, React, TypeScript로 만드는 모던 웹 개발 블로그

페이지

소개블로그프로젝트

소셜

© 2026 Toris-dev. All rights reserved.

운영 중2026기술 블로그

Toris Blog개발 지식을 아카이브하고 공유하는 기술 블로그

Next.js 16 App Router 기반 개인 기술 블로그. MDX 콘텐츠, 카테고리·태그 필터, GitHub 기반 조회수·좋아요, 목차·다크모드, GEO/SEO 최적화까지 — 개발자의 지식 아카이브이자 생산성 기록입니다.

GitHub 보기프로젝트 보기기술 스택 보기
toris-dev.vercel.app/blog
Toris Blog 웹 UI — 다크 모드 기술 블로그의 글 목록과 카테고리 필터, 목차 레일이 보이는 화면

Problem & Goal

배운 것은 많은데, 다시 꺼내볼 곳이 없다

공부하고 삽질한 기록은 노트 앱, 메신저, 코드 주석에 흩어집니다. 정작 필요할 때 다시 찾지 못하고, 어렵게 정리한 글도 검색에 노출되지 않으면 아무도 읽지 않죠. Toris Blog는 개발자가 배운 것을 오래 남기고, 검색·AI를 통해 다시 발견되게 만드는 지식 아카이브를 목표로 만들었습니다.

For — 지식을 축적하고 공유하려는 개발자, 그리고 나의 기록을 다시 찾는 미래의 나.

  • 1흩어진 학습 기록을 한곳에 모아 다시 찾아보기 쉽게
  • 2코드 하이라이트·목차로 “읽기 좋은” 기술 글 경험
  • 3검색·AI 답변에 잘 노출되도록 GEO/SEO를 기본 탑재

Key Features

읽기 좋고, 찾기 쉽고, 잘 노출되는 블로그

MDX 콘텐츠 렌더링

마크다운/MDX 기반 글 작성, 코드 하이라이트, 목차 자동 생성으로 읽기 좋은 글.

카테고리 · 태그 필터

카테고리 칩과 태그로 원하는 글을 빠르게 탐색하는 아카이브.

조회수 · 좋아요 (외부 DB 없이)

GitHub Issue를 저장소로 활용해 서버리스로 조회수·좋아요를 집계.

GEO · SEO 최적화

JSON-LD, sitemap, robots, llms.txt, 정제된 메타 설명으로 AI·검색 노출 강화.

Visual Showcase

콘텐츠부터 코드 하이라이트까지, 한 화면에서

toris-dev.vercel.app/blog/rsc-guide
Toris Blog 글 상세 화면 — 코드 하이라이트와 목차가 함께 표시된 기술 아티클
◆ 다크 모드 기본
↗ 자동 목차 생성
server-components.mdx
1# Server Components 정리
2 
3export const meta = {
4title: 'RSC 완벽 가이드'
5tags: ['next', 'react']
6}
7 
8```tsx
9async function Page() {
10return <Article />
11}

목차

RSC란 무엇인가

렌더링 흐름

데이터 페칭

실전 예제

MDX 원문은 프론트매터(meta)부터 코드 블록까지 그대로 작성하고, 렌더 시 코드 하이라이트와 목차가 자동으로 만들어집니다.

Tech Stack

모던 프론트엔드 기본기 위에 쌓았습니다

Framework

Next.js 16React 19

Language

TypeScript

Styling

Tailwind CSS

Content

MDX

Infra

Vercel

Impact & Engineering

지표가 아니라, 만들어낸 역량으로 증명합니다

0+

발행한 글

0

주제 카테고리

0

Lighthouse SEO

0

외부 DB 의존

외부 DB 없이 조회수·좋아요를 운영합니다. GitHub Issue를 데이터 저장소로 활용해 서버리스 환경에서 카운트를 집계하고, JSON-LD·sitemap·robots·llms.txt와 정제된 메타 설명으로 검색 엔진과 AI 크롤러 양쪽에 대비했습니다. App Router의 정적 생성과 이미지 최적화로 로딩은 가볍게, GEO/SEO는 기본값으로 — 인프라 비용은 0에 가깝게 유지하면서 프로덕션 품질을 확보한 것이 이 프로젝트의 핵심 엔지니어링입니다.

서버리스 조회수GEO/SEO 기본 탑재ISR 정적 생성이미지 최적화

개발 지식, 오래 남기고 다시 발견되게

소스 코드와 라이브 블로그를 직접 확인해 보세요. 다른 프로젝트도 함께 둘러볼 수 있습니다.

GitHub 보기다른 프로젝트 보기문의하기