Next.js | Notion

Next

Next.JS Study Plan

Next.js 개념정리

개발 환경 설정

Static Routing & Dynamic Routing

하이브리드와 하이드레이션! 렌더링 방식!

블로그 만들기 챌린지(대부분 SSG)

NextJS + Typescript Template

인스타그램 프로젝트(대부분 SSR)

다이나믹 Import UI

Portal을 사용한 상세다이얼로그!

사용자검색- 디바운스

Next Error

Next

Parallel Routes

Intercepting Routes

Private folder(_폴더)

useSelectedLayoutSegment

Build A Twitter Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS

Next에서 auth.js를 이용한 세션 설정

Next.js에서는 더이상 Axios를 쓰지 않기로 했습니다.

React 19 & Next.js 15 마이그레이션 가이드

Tool & ETC

Next 프로젝트 초기 세팅

Multi step Form

Zod 및 React-Hook-Form을 사용하여 양식을 검증하는 방법

Server action 컨벤션

Sentry next.js프로젝트에 설정하기

Next14에서 MSW(Mock Service Worker)환경 세팅하기

Tailwind CSS v4

Tailwind CSS v4로의 마이그레이션: 모노레포 프로젝트의 여정

Turborepo with storybook

간단한 Note

Navbar스크롤 효과주기(use-scroll-top 커스텀 훅)

Next14에 폰트 적용

Next 14 File uploading기능 (S3)

Next 동적경로 이해 및 회고

Next.js 14의 Zustand

next 14 파비콘 설정

서버 액션에서 한꺼번에 처리 vs 각 컴포넌트에서 개별적으로 호출

참고자료

참고하기 좋은 소스코드 모음

참고하기 좋은 URL

YouTube 개발채널

Next.js 프로젝트 규모에 따른 폴더 구조

Next.js14의 Zustand

https://fe-developers.kakaoent.com/2024/240418-optimizing-nextjs-cache/

https://blog.logrocket.com/caching-next-js-unstable-cache/

https://www.hojinlee.dev/posts/zod-environment-variables-validation

핵심 간단 NOTE

redirect문의 경우 try-catch문 안에서 사용할 수 없음.

프론트 서버는 프론트서버가, 백앤드 서버는 백앤드 서버가 담당하면 좋은점

next와 react-query

Next.js, PostgreSQL, Drizzle ORM 및 tRPC를 사용하여 최신 웹 애플리케이션 구축