🎯 Next.js란?
Next.js 는 React 기반의 서버 렌더링 웹 프레임워크 입니다.
기존의 React는 클라이언트측 렌더링만 하였지만, Next.js 는 서버측 렌더링을 지원하며 초기 페이지 로딩 속도를 향상시키고, SEO에 더 유리합니다.
주요특징:
1. 서버사이드 렌더링 (SSR) 및 정적 사이트 생성 (SSG) : Next.js는 각 페이지에 대해 서버 렌더링 또는 정적 사이트 렌더링을 적용 할 수 있어 유연하게 사용 할 수 있습니다.
2. 파일 기반 라우팅 : 'pages' 폴더 내 파일 구조에 따라 자동으로 라우팅이 생성됩니다. 새로운 라우트를 추가하려면 해당 파일만 생성하면 됩니다.
3. API 라우팅 : 'pages/api' 폴더 안에 서버리스 함수를 작성하여 백엔드 로직을 쉽게 구현할 수 있습니다.
4. 빠른 개발 경험 : 핫 리로딩, 자동 코드 분할 등을 통해 개발 속도를 높여줍니다.
5. 다양한 커뮤니티와 플러그인 지원 : Next.js는 거대한 커뮤니티를 가지고 있으며, 다양한 플러그인과 함께 사용할 수 있어 확장성이 뛰어납니다.
6. TypeScript 및 다른 도구와의 통합 : Next.js는 TypeScript와의 원활한 통합을 지원하며 ESLint, Tailwind CSS 등과도 잘 작동합니다.
🎉 결론
Next.js는 React의 확장판으로 볼 수 있으며, 서버 렌더링 및 정적 사이트 생성, 쉬운 라우팅 관리 등의 특징을 가지고 있습니다. 빠르고 안정적인 웹 애플리케이션을 구축하고자 할 때 매우 유용한 도구입니다.
다음 포스팅 부터는 Next.js 설치부터 여러 기능들에 대해 조금씩 포스팅 해보겠습니다!
읽어주셔서 감사합니다.
nextjs 설치 방법에 대한 내용은 아래 포스팅을 참고 해주시면 감사하겠습니다.
https://dorlback.tistory.com/17
[ pyhton ] 파이썬 가상 환경이란?
🎯 파이썬 가상 환경이란? 파이썬 가상 환경은 시스템 전역 환경과 격리된 독립적인 환경을 제공합니다. 이를 통해 프로젝트별로 다른 패키지 버전을 사용할 수 있으며, 의존성 충돌을 방지할
dorlback.tistory.com
'Next.js' 카테고리의 다른 글
[NextJS] Nextjs Vitest 사용 방법 (1) | 2024.04.18 |
---|---|
[ Next.js ] Next.js 라우팅 방법과 종류 (4) | 2023.08.14 |
[ Next.js ] Next.js 설치하기 (1) | 2023.08.13 |
[ Next.js ] useEffect 가 2번씩 실행되는 현상 (0) | 2023.08.09 |