9Next.jsNext.js9편. Vercel 배포와 성능 최적화완성된 블로그를 Vercel에 배포하는 과정과 Next.js Image 최적화, 캐싱 전략, 번들 크기 분석으로 성능을 개선하는 방법을 정리합니다.#TypeScript#Next.js#VercelSHIN2025년 4월 10일7분0
8Next.jsNext.js8편. SEO 최적화 — 메타태그·sitemap·RSSNext.js generateMetadata API로 동적 OpenGraph를 생성하고, JSON-LD 구조화 데이터, sitemap.xml, RSS 피드를 구현해 검색 엔진 최적화를 완성합니다.#TypeScript#Next.js#SEOSHIN2025년 4월 5일2분2
7Next.jsNext.js7편. 검색·카테고리·태그·시리즈 기능 구현Prisma의 contains 쿼리로 전문 검색을 구현하고, 카테고리/태그 필터, URL 기반 페이지네이션, 시리즈 목차를 완성합니다.#TypeScript#Next.js#PrismaSHIN2025년 3월 30일8분0
6Next.jsNext.js6편. 블로그 프론트엔드와 마크다운 렌더링React Server Components로 포스트 목록과 상세 페이지를 구현하고, react-markdown + rehype로 코드 하이라이팅과 목차(TOC)를 완성합니다.#React#Next.js#MarkdownSHIN2025년 3월 25일10분0
5Next.jsNext.js5편. 관리자 대시보드 — 포스트 CRUD 구현마크다운 에디터, 이미지 업로드, 카테고리/태그/시리즈 연결을 포함한 완전한 포스트 작성 UI와 API Route를 구현합니다.#TypeScript#Next.js#PrismaSHIN2025년 3월 20일12분0
4Next.jsNext.js4편. NextAuth.js로 관리자 인증 구현하기NextAuth.js v5(Beta)를 App Router에 통합하고, Credentials Provider로 이메일/비밀번호 로그인과 미들웨어 기반 라우트 보호를 구현합니다.#TypeScript#Next.js#NextAuthSHIN2025년 3월 15일9분0
3Next.jsNext.js3편. Prisma 스키마 설계와 마이그레이션Post, Category, Tag, Series, Comment, User 등 블로그의 핵심 데이터 모델을 Prisma 스키마로 설계하고 SQLite에 마이그레이션합니다.#TypeScript#Prisma#SQLiteSHIN2025년 3월 10일8분0
2Next.jsNext.js2편. 프로젝트 초기 설정과 디렉토리 구조Next.js 프로젝트 생성부터 TailwindCSS, TypeScript 설정, 폴더 구조 설계까지 프로젝트의 뼈대를 잡습니다.#TypeScript#Next.js#TailwindCSSSHIN2025년 3월 5일7분0
1Next.jsNext.js1편. 프로젝트 소개와 기술 스택 선정Next.js App Router 기반 풀스택 블로그를 처음부터 만드는 시리즈를 시작합니다. 전체 구조와 기술 스택 선정 이유를 소개합니다.#TypeScript#React#Next.jsSHIN2025년 3월 1일5분0
SHIN STORY