본문 바로가기
Next.js

[ Next.js ] Next.js 란?

by dorlback 2023. 8. 11.
반응형

🎯 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

 

728x90