Skip to content

geonwooPark/ventileco

Repository files navigation

Next.JS 13 Blog 웹 사이트

**개발기간: 2023.10.21 ~


🏠 프로젝트 소개

https://ventileco-blog.vercel.app/


Next.JS 13 App Router를 기반으로 한 개인 블로그로 공부한 내용이나 포트폴리오 등을 기록할 수 있는 공간이 있으면 좋겠다고 생각하여 제작하였습니다. 최신 기술 동향, 개발 팁, 프로젝트 경험을 중심으로 다양한 주제를 다루고 있습니다. 함께 성장하는 개발자 커뮤니티의 일원으로, 지식을 나누고 공유하려 합니다.


⭐️ SSG 활용 (시간 기반 재검증)

Next.JS SSG가 적용되지 않던 이유

스크린샷 2023-12-07 오후 12 22 28 스크린샷 2023-12-07 오후 12 24 26

⭐️ Streaming을 활용한 빠른 서버 사이드 렌더링

Suspense으로 Streaming 적용하기

스크린샷 2023-12-17 오전 12 59 10

⭐️ SSR + Tanstack Query로 데이터 캐싱

SSR에서 Tanstack Query 사용하기

스크린샷 2023-12-17 오전 1 17 03

⭐️ Dynamic Routes별 정적 페이지 HTML 생성

Next.JS Dynamic Routes

스크린샷 2023-12-07 오후 12 23 34

⭐️ 페이지별 Dynamic Metadata 설정

Next.JS SEO

스크린샷 2023-12-07 오후 12 32 23

⭐️ 페이지네이션 구현

Next.JS 서버 사이드 페이지네이션 구현하기

스크린샷 2023-12-14 오후 1 31 32

⭐️ 에러 핸들링

Error Handling과 Error Boundary

스크린샷 2023-12-27 오전 1 49 08

🛠 기술 스택

Environment

Visual Studio Code Git Github

Config

npm

Development

Next.js TypeScript Tailwind-CSS MongoDB Firebase TanStack Query Zustand

Welcome to FigJam

🗂 폴더 구조

FigJam basics

🖥 화면 구성

홈 페이지 로그인 및 회원가입
홈 로그인 및 회원가입
블로그 상세 페이지
블로그 디테일페이지
작성 페이지 마이 페이지
글 작성페이지 마이페이지

About

Ventileco (Next.js, Typescript, Tailwind, MongoDB, Zustand, React-Query)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages