Next.js: Next.js를 사용하는 프로덕션 웹사이트

https://github.com/nteract/nteract.io/pull/7을 통한 https://nteract.io

완료!

https://scaleapi.com

https://tutorbro.com

https://project-r.construction/ (독일어 사전 경고)

출처: https://github.com/orbiting/construction

이것은 프로덕션 앱으로 계산됩니다 https://platzi-music.now.sh/ ? (WIP)

프론트엔드를 렌더링하기 위해 next를 사용하고 백엔드로 adonis.js를 사용하는 클라이언트 웹사이트를 방금 배포했습니다.

곧 이 프로젝트에서 가져온 donis.js + next.js 상용구로 repo를 올릴 예정입니다. :)

https://skyslimo.com

https://rainbow.now.sh

bigfive.world - 웹 사이트를 기반으로 성격 테스트의 다섯 개 가지 요소 모델 ipip.ori.org .
프론트엔드는 next.js이고 백엔드는 5개의 서로 다른 마이크로서비스에서 제공합니다.
zeit/now에서 호스팅되는 모든 것.

zrrrzzt 와 maccyber에 의해 만들어

출시를 기다리고 있습니다. 말씀이 주어지면 여기에 덧붙이겠습니다. =)

• https://open-source.now.sh/

• https://ritoplz.com

• https://goot.now.sh/

opencollective.com:
https://github.com/OpenCollective/frontend/tree/master/src/pages

cc @xdamman

https://linklet.ml/

https://nucleode.com

https://killerandasweethang.com

https://ffwdmusic.org

http://www.ecurring.com

https://www.rsquare.co.kr

https://angelolsen.com
https://teacups.io
https://destroyer.audio

https://bolket.com

https://avocode.com

https://nteract.io는 이제 다음을 사용합니다(어제 배포됨!)

https://www.insiderx.com

나는 지난 3개월 동안 이 일을 해왔다. 미국 내 무보험 및 높은 공제액 플랜 환자의 브랜드 처방전 비용을 절약할 수 있는 사이트입니다. 우리는 처음 방문할 때와 탐색하는 동안 모두 빠르고 반응이 빠른 사이트를 만들 수 있도록 Next를 사용했습니다.

나는 이것을 닫는다. 곧 위키 글을 작성하겠습니다 👍🏻

@timneutkens https://www.schlouk-map.com. 각 사용자(다른 모바일, 태블릿, 데스크톱)에 대해 맞춤형 경험을 제공하고 딥 링크, 오픈 그래프 등과 같은 모든 "현대적인" 관행을 가지고 있다는 사실이 흥미롭습니다.

누구든지 일부 리포지토리/소스를 공유할 수 있습니까? 좋은 것. 모든 예제는 훌륭하고 잘 작동하지만 또한 매우 간단합니다. 몇 가지 항목을 결합하거나 더 고급 항목을 수행하자마자 벽에 부딪힙니다.

@anomaly44 - https://github.com/nteract/nteract.io 는 SCSS 컴파일, OS 감지를 포함한 많은 사용자 정의 작업을 수행합니다. 더 이상 없어 보이지만 우리는 그것으로 추가 프록시 서버를 실행하곤 했습니다.

@anomaly44 원하는 경우 Ritoplz 저장소를 확인할 수 있습니다.

내가 사용한 것들 중 일부:

• Jest 및 효소로 반응 구성 요소 테스트
• 번역할 i18다음
• 환경 변수
• url-prettifier 를 사용할 수 있는 사용자 지정 서버
• 그리고 다른 많은 것들 ... 완전한 응용 프로그램이기 때문에 도움이 될 수 있다고 생각합니다.

Ps: 내 프로젝트를 프로젝트 빌드의 규칙으로 받아들이지 마십시오.
편집: 병합된 이후에 마스터 분기를 가리키는 URL.

Next v3 정적 내보내기 기능을 사용하여 Github Pages에서 호스팅되는 회사 웹사이트를 구축할 수 있었습니다(Github Pages + Travis CI + Next.js는 성공의 요소입니다): https://github.com/mirabit-ua/mirabit- ua.github.io/

이것은 웹사이트가 아니라 렌더링된 코드를 내보내기 위해 Next.js v3를 사용하는 Electron 앱입니다.
https://github.com/PlatziDev/pulse

Rx Visualizer 는 next.js로 빌드됩니다.

@bukinoshita 멋진 예! redux를 통합하고 SSR에 인증을 사용하는 방식이 마음에 듭니다. 프로젝트를 빌드할 때 프로젝트를 규칙으로 삼지 않으시겠습니까?

@fabioespinosa 감사합니다! 우리 모두는 물건을 만드는 방법이 다르기 때문에 좋아하는 것과 좋아하지 않는 것이 있습니다. 우리는 우리 자신의 선호도와 각 도구에 대한 느낌을 조정합니다. 그래서 내가 말한 이유는 규칙이 아닌 예시로 사용하는 것입니다. 😂

https://owls.co ;)

@briva 멋지다 !!

http://www.wanoyume.com 및 리포지토리: https://github.com/wanoyume/webiste-jp

분명히 Deliveroo는 next.js를 사용하고 있습니다. 최고의 쇼케이스가 아닐까 합니다. Deliveroo 엔지니어가 next.js 사용에 대해 이야기하는 링크를 확인하십시오.

https://www.youtube.com/watch?v=h6rETZH6Ym0

@carlos-peru 아직 생산되지 않습니다 😄

@timneutkens 비디오는 4월에 React London 2017에서 가져온 것이며 현재 https://deliveroo.co.uk/ 는 React를 사용합니다. 비디오는 그들이 next.js를 사용하여 Angular에서 React로 마이그레이션했다고 설명합니다. 그 때문에 next.js에 대한 작업이 프로덕션 단계에 있다고 생각하지만 확실하지 않습니다. 그래서 '분명히'라는 단어를 조심스럽게 사용했어요 😉

ㅎㅎ 걱정마세요 👌 요점을 말하려는게 아니었어요 ❤️ 현재 deliveryoo.co.uk는 Next.js가 아닌 rails + react 입니다. 전에 슬랙으로 Jasdeep과 이야기를 나눈 적이 있습니다 👍 부담없이 가입 btw 😄: https://zeit.chat

https://sergio.now.sh/ ( code ) <- Next.js v3 및 networkFirst 캐시가 있는 서비스 작업자를 사용하고 Preact를 사용하여 프로덕션 번들 크기를 줄이는 내보낸 사이트.

https://www.wethefuture.org

https://fabriks.net

https://mofo.net.au/

https://www.traceme.com

아주 멋져요 👍 💯

쇼케이스 페이지를 만들 수 있습니까? @timneutkens

좋은 아이디어인 것 같습니다 @austinamorusotraceme 👍 그것에 대해 evilrabbit과 이야기할 것입니다 👍

Next.js와 Now로 구축된 완전한 전자 상거래.

https://www.institchu.com

@chhuang 참고로, 사이트를 볼 때 adblocker를 사용하면 전체 사이트가 로드되지 않는 analytics is not defined 중단 오류가 발생합니다!

@mashaal 어떤 차단기를 사용하고 있습니까? 나는 ABP를 가지고 있으며 잘 작동합니까?

ublock 오리진 1.14.8

@chhuang 로딩시: https://www.institchu.com/design/shirt , 왜 이렇게 오래 걸리나요? 예를 들어 무대 뒤에서 무엇을 하고 있습니까? 꽤 빨리 로드된 다른 페이지를 발견했습니다.

전반적으로, 그것은 멋진 구현이고 아주 잘 다듬어져 있습니다! Next.js를 제외하고 전체 스택은 어떻게 생겼습니까?

또한 전체 사이트가 @mashaal (아마도 p0 차단기, IMO)과 같은

감사합니다. 피드백에 감사드립니다. 방금 Adblocker 문제를 수정했습니다. 정적 자바스크립트 중 하나의 이름이 tracking.js 이고 기본적으로 차단되어 있습니다.

@pruhstal 패브릭 이미지를 로드하기 때문이라고 가정하고 있지만 이미지 로드가

Next v4를 사용하는 SaaS 웹사이트

https://www.yeep.io/

지난 5월 8일에는 실제로 약국 저축 카드인 https://insiderx.com을 출시했습니다. 오래 전에 위에서 출시 발표를 했습니다. 발표할 새로운 것이 있지만 먼저 우리가 있는 곳의 업데이트 -

출시 이후 웹사이트 중단은 한 번도 없었습니다. getInitialProps 의 놀라운 구현 덕분에 Contentful을 백엔드 CMS로 추가했습니다. 전역 변수에 대한 예제를 사용하여 구성의 대부분을 외부화할 수 있는 구성을 구축했습니다. 나중에 Algolia 검색을 추가하여 자동으로 약품 정보 페이지를 생성했습니다.

출시 이후 지난 몇 달 동안 페이지 수를 7개에서 14,000개 이상으로 늘렸습니다. 곧 전체 사이트를 하나의 추가 언어로 현지화함에 따라 이는 다시 두 배가 될 것입니다. 우리의 next.js와 express의 통합은 매개변수화된 라우팅을 제어하고 필요에 따라 301 리디렉션을 설정하고 현지화 노력을 지원할 수 있는 유연성을 제공했습니다.

우리 사이트를 독특하게 만드는 모든 것이 Contenful, Algolia 또는 맞춤형 Express 구성 파일로 외부화되어 있기 때문에 놀라운 일을 할 수 있었습니다.

오늘 저는 https://justrx.com 의 출시를 발표합니다

이것은 InsideRx.com의 포크가 아닙니다. 한 사이트에 코드를 배포할 때 모든 도메인에 배포합니다. 이를 통해 시간이 지남에 따라 사이트를 계속 개선하고 모범 사례를 사용하여 계속 구축할 수 있습니다.

이 솔루션을 이렇게 빠르게 출시할 수 있었던 것은 우리의 기술 스택과 Next.js가 제공하는 이점에 크게 의존합니다. 공연을 보실 수 있습니다. 현재 우리는 여전히 Next.js의 2.2.x 버전을 사용하고 있습니다. 잠시 후 Next 4로 업그레이드하겠습니다. 초기 테스트에서는 초당 1.3 렌더링에서 5.6 렌더링으로 증가하는 것으로 나타났습니다. 웹 팩 설정도 업그레이드하는 Next 4로 전환하면 아래의 성능 수치가 증가할 것으로 예상합니다.

@khrome83 💯 ❤️

next.js, 백엔드용 node.js 및 일부 오픈 소스 컴파일 라이브러리로 구축된 온라인 이미지 압축기를 확인하십시오. 링크는 https://imgsquash.com입니다.

next.js와 wordpress API로 완성된 제 사진 웹사이트를 확인해주세요. 링크는 http://99foto.pl입니다.

추가로:
https://www.eltonjohn.com/
https://jobs.netflix.com

새로운 ticketmaster.com 모바일 사이트는 next.js에 구축 중입니다.
https://www.ticketmaster.com/new

https://www.common.com/ 은 Cloudfront CDN 뒤의 S3에서 호스팅되고 CMS로 Contentful을 사용하는 Next.js의 정적 내보내기를 사용하고 있습니다.

스포츠 활동 여행 예약

진공

https://www.magicleap.com 사용중인듯

https://sumup.com (및 기타 모든 32개 국가 웹사이트, 예: sumup.de, .fr, .es...)

@connor-baer 국제화를 위해 무엇을 사용하셨습니까?

@connor-baer 여기가 귀하의 사이트입니까? 좋아 보인다! IOS 11.2.2 iPhone 7 Safari의 탐색 기능에 문제가 있는 것 같습니다. 잘 열리지만 닫히기가 어렵습니다.

@vjpr Contentful(CMS)에서 번역된 페이지를 가져와 서버에서 현지화한 다음 getInitialProps 로드합니다. 별거없어요 😉

@dav-is 감사합니다! 저는 메인 개발자입니다 😊 버그 제보 감사합니다. 잘 살펴보도록 하겠습니다. 🙏

확인: https://hreftools.com - next.js 및 node.js로 구축된 무료 온라인 웹 도구

Next.js와 Now를 사용하여 https://wecured.com에서 작업하고

우리 대학의 교사 평가 사이트를 만들었습니다. 최근에 지역 언론에 소개되었고 현재 15,000개가 넘는 교사 리뷰가 있습니다.

www.losestudiantes.co

Next.js를 사용하는 3개의 사이트가 있습니다.

• Cho Tot - 에이전트 디렉토리: https://nha.chotot.com/danhba
• 조돗 - 공개 프로필: https://www.chotot.com/user/59dafc026c92f5b3347ca15b4eb87d83/dang-ban
• Cho Tot - 게임화: https://www.chotot.com/trainghiem

이제 여기에서 공유할 수 있습니다: https://spectrum.chat/next-js?thread=e425a8b6-c9cb-4cd1-90bb-740fb3bd7541