{{위키데이터 속성 추적}}
{{구별|NestJS}}
{{소프트웨어 정보
| name = Next.js
| logo = nextjs-logo.svg
| logo alt = The Next.js logo, a stylization of its name
| logo caption = Next.js 로고
| author = Guillermo Rauch<ref name=simplify>{{웹 인용|last1=April 21|first1=Matt Asay in Developer on|last2=2020|last3=Pst|first3=9:51 Am|title=How Next.js aims to simplify front-end development|url=https://www.techrepublic.com/article/how-next-js-aims-to-simplify-front-end-development/|access-date=2020-10-20|website=[[TechRepublic]]|date=21 April 2020|language=en}}</ref>
| developer = Vercel 및 오픈 소스 커뮤니티<ref>{{웹 인용|url=https://github.com/vercel/next.js|title=vercel/next.js|website=GitHub|access-date=2019-03-17|archive-date=2019-03-16|archive-url=https://web.archive.org/web/20190316035131/https://github.com/vercel/next.js|url-status=live}}</ref>
| released = {{시작 날짜와 나이|2016|10|25}}<ref name=originalRelease>{{웹 인용|url=https://github.com/vercel/next.js/releases/tag/1.0.0|title=Next.js First Release|website=GitHub|date=2019-03-14|access-date=2019-03-17|archive-date=2020-10-10|archive-url=https://web.archive.org/web/20201010232115/https://github.com/vercel/next.js/releases/tag/1.0.0|url-status=live}}</ref>
| latest release version = {{wikidata|property|edit|reference|P348}}
| latest release date = {{시작 날짜와 나이|{{wikidata|qualifier|P348|P577}}}}
| latest preview version = v13.3.1-canary.03
| repo = {{URL|https://github.com/vercel/next.js}}
| programming language = [[JavaScript]], [[TypeScript]], [[Rust]]
| platform = [[웹 플랫폼]]
| size = 17.0 [[메가바이트|MB]]
| genre = [[웹 애플리케이션 프레임워크]]
| license = [[MIT 라이선스]]
| website = {{URL|https://nextjs.org}}
}}
'''Next.js'''는 [[서버 사이드 스크립트 언어|서버 사이드 렌더링]], [[정적 웹 페이지]] 생성 등 [[리액트 (자바스크립트 라이브러리)|리액트]] 기반 웹 애플리케이션 기능들을 가능케 하는 [[Node.js]] 위에서 빌드된 [[오픈 소스]] 웹 개발 프레임워크이다. 리액트 문서는 Next.js를 "권고하는 툴체인들" 중 하나로 언급하며 개발자들이 Node.js로 서버 렌더링되는 웹사이트를 빌드할 때의 해결책의 하나로 충고하고 있다.<ref name="React documentation">{{웹 인용|title=Recommended Toolchains |url=https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains |website=React documentation |access-date=10 July 2021}}</ref>

Next.js의 저작권 및 상표는 Vercel이 소유하며, Vercel은 오픈 소스 개발을 유지하고 주도한다.

== 배경 ==
Next.js는 서버 측 렌더링 및 정적 웹사이트 생성을 포함한 여러 추가 기능을 지원하는 [[리액트 (자바스크립트 라이브러리)]] 프레임워크이다. 리액트는 전통적으로 자바스크립트를 사용하여 클라이언트 브라우저에서 렌더링되는 웹 애플리케이션을 구축하는 데 사용되는 [[자바스크립트 라이브러리]]이다. 그러나 개발자는 자바스크립트에 액세스할 수 없거나 자바스크립트를 비활성화한 사용자에게 서비스를 제공하지 못함, 잠재적인 보안 문제, 페이지 로딩 시간이 크게 연장됨, 사이트의 전체 검색 엔진 최적화에 해를 끼치는 등 이 전략의 여러 가지 문제를 인식하고 있다. Next.js와 같은 프레임워크는 웹 사이트의 일부 또는 전체가 클라이언트로 전송되기 전에 서버 측에서 렌더링되도록 허용하여 이러한 문제를 회피한다. Next.js는 리액트의 가장 인기 있는 프레임워크 중 하나이다. 이는 새 앱을 시작할 때 사용할 수 있는 몇 가지 권장 "도구 체인" 중 하나이며, 모두 일반적인 작업을 지원하는 추상화 계층을 제공한다. Next.js에는 [[Node.js]]가 필요하며 노드 패키지 관리자를 사용하여 초기화할 수 있다.

[[구글]]은 2019년에 43개의 [[풀 리퀘스트]]를 포함하여 Next.js 프로젝트에 기여했다. 2022년 3월 현재 이 프레임워크는 월마트, 애플, 나이키, 넷플릭스, 틱톡, 우버, Lyft, 스타벅스를 포함한 많은 대규모 웹사이트에서 사용된다. 2020년 초, Vercel은 소프트웨어 개선을 지원하기 위해 시리즈 A 자금에서 2,100만 달러를 확보했다. 프레임워크의 원저자인 기예르모 라우흐(Guillermo Rauch)는 현재 Vercel의 CEO이고 프로젝트의 수석 유지관리자는 팀 뉴트켄스(Tim Neutkens)이다.

== 같이 보기 ==
* [[앵귤러 (애플리케이션 플랫폼)]]
* [[LAMP (소프트웨어 번들)]]
* [[리액트 (자바스크립트 라이브러리)]]
* [[Nuxt.js]]
* [[Vue.js]]
* [[웹 프레임워크]]

== 각주 ==
{{각주}}

== 외부 링크 ==
* {{웹 인용|title=Case Study - Hulu {{!}} Next.js|url=https://nextjs.org/case-studies/hulu|access-date=2020-10-16|website=nextjs.org|language=en}}
* {{웹 인용|last=Smith|first=Craig S.|title=Have You Noticed The New Web? It's Faster, More Secure|url=https://www.forbes.com/sites/craigsmith/2020/04/21/have-you-noticed-the-new-web-its-faster-more-secure/|access-date=2020-10-16|website=Forbes|language=en}}
* {{웹 인용|last1=April 3|first1=Matt Asay in Developer on|last2=2020|last3=Pst|first3=4:07 Pm|title=Front-end frameworks are about to get even cooler, says Google lead|url=https://www.techrepublic.com/article/front-end-frameworks-are-about-to-get-even-cooler-says-google-lead/|access-date=2020-10-16|website=[[TechRepublic]]|date=3 April 2020|language=en}}
* {{웹 인용|last=Asay|first=Matt|date=2020-06-01|title=How GraphQL turned web development on its head|url=https://www.infoworld.com/article/3545951/how-graphql-turned-web-development-on-its-head.html|access-date=2020-10-20|website=[[InfoWorld]]|language=en}}

[[분류:웹 프레임워크]]
[[분류:자바스크립트 웹 프레임워크]]
[[분류:MIT 라이선스 소프트웨어]]