Next.js: Next.jsを使用した本番Webサイト

https://github.com/nteract/nteract.io/pull/7経由のhttps://nteract.io

終わり！

https://scaleapi.com

https://tutorbro.com

https://project-r.construction/ （ドイツ語を先に警告）

ソース： https ：

これは本番アプリとしてカウントされますhttps://platzi-music.now.sh/ ？ （WIP）

フロントエンドとバックエンドとしてadonis.jsをレンダリングするためにnextを使用するクライアントWebサイトをデプロイしました。

このプロジェクトで作成されたadonis.js + next.jsボイラープレートを使用してリポジトリを作成する予定です。 :)

https://skyslimo.com

https://rainbow.now.sh

bigfive.world -に基づいて人格テストの5つの因子モデルのためのウェブサイト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://killerandasweetthang.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はnextを使用するようになりました（昨日デプロイされました！）

https://www.insiderx.com

私は過去3か月間これに取り組んできました。 これは、ブランド処方箋で米国内の無保険で高控除のプランの患者を節約するためのサイトです。 Nextを使用したので、最初の訪問時とナビゲート中の両方で、高速で応答性の高いサイトを作成できました。

これを閉じます。 すぐにwiki記事を作成します👍🏻

@timneutkenshttps ： //www.schlouk-map.com 。 各ユーザー（さまざまなモバイル、タブレット、デスクトップ）にカスタマイズされたエクスペリエンスを提供し、ディープリンクやオープングラフなどのすべての「最新の」プラクティスを備えているという事実に興味があります。

誰かがいくつかのレポ/ソースを共有できますか？ いいだろう。 すべての例は素晴らしく、うまく機能しますが、非常に単純でもあります。 いくつかのものを組み合わせたり、より高度なものを実行しようとするとすぐに、壁にぶつかります。

@ anomaly44 - https：//github.com/nteract/nteract.ioは、SCSSコンパイル、OS検出など、さまざまなカスタム処理を実行します。 以前はそれを使用して追加のプロキシサーバーを実行していましたが、現在はそうではないようです。

@ anomaly44必要に応じて、 Ritoplzリポジトリを確認

私が使用したもののいくつか：

• Jestおよび酵素との反応成分のテスト
• 翻訳するi18next
• 環境変数
• url-prettifierを使用できるカスタムサーバー
• そして他のたくさんのもの...それはそこに完全なアプリケーションなのでそれはあなたを助けるかもしれないと思います。

追伸：あなたのプロジェクトを構築するためのルールとして私のプロジェクトをとらないでください。
編集：マージされてからのマスターブランチへのURLのポイント。

Next v3静的エクスポート機能を使用して、Github Pagesでホストされている会社のWebサイトを構築することができました（Github Pages + Travis CI + Next.jsが成功の要素です）： https ：

これはウェブサイトではありませんが、Next.jsv3を使用してレンダリングされたコードをエクスポートするElectronアプリです
https://github.com/PlatziDev/pulse

Rxのビジュアライザはnext.jsで構築されています

@bukinoshita素晴らしい例！ reduxを統合し、SSRに認証を使用する方法が大好きです。プロジェクトを構築するためのルールとしてプロジェクトを採用してみませんか？

ありがとう@fabioespinosa！ 私たちは皆、物を作る方法が異なるので、好きなものと嫌いなものがあります。 私たちは自分の好みや各ツールでの感じ方を微調整します。 だから私は、原則としてではなく、例として使用すると言ったのです。 😅

https://owls.co;）

@brivaニース!!

http://www.wanoyume.comおよびリポジトリは次のとおりです： https ：

どうやらDeliverooはnext.jsを使用しています。 それはおそらく最高のショーケースでしょう。 Deliverooエンジニアがnext.jsの使用について話しているリンクを確認してください。

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

@ carlos-peruまだ生産されていません😄

@timneutkensビデオは4月に戻ったhttps://deliveroo.co.uk/はReactを使用してい

ははは心配ありません👌私は主張しようとしていませんでした❤️現在のdeliveroo.co.ukはNext.jsの代わりにrails + reactです。 以前、SlackでJasdeepと話したことがあります👍お気軽に参加してください😄：

https://sergio.now.sh/ （コード）<-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で構築された完全なeコマース。

https://www.institchu.com

@chhuangは参考までに、サイトの表示時にアドブロッカーを使用すると、サイト全体の読み込みを妨げる重大なエラーanalytics is not definedが発生します。

@mashaalどのブロッカーを使用していますか

ublock origin 1.14.8

読み込み時のhttps ： //www.institchu.com/design/shirt 、どうしてこんなに時間がかかるのですか？ たとえば、舞台裏で何をしているのですか？ 他のいくつかのページがすぐに読み込まれることに気づきました。

全体的に、それは素晴らしい実装であり、非常によく洗練されています！ Next.jsを除いて、フルスタックはどのように見えますか？

また、サイト全体が@mashaal （おそらくp0ブロッカー、IMO）のようなuBlockオリジンでロードできないことにも言及する必要があります。

みんなありがとう、本当にフィードバックに感謝します。 Adblockerの問題を修正しました。静的JavaScriptの1つにtracking.jsという名前が付けられており、デフォルトでブロックされています。

@pruhstalファブリックイメージをロードしているためだと思いますが、イメージのロードが遅延しているためではなく、ロードが完了したらすべてのイメージをサーバーとブラウザーにキャッシュする必要があります。

Nextv4を使用したSaaSWebサイト

https://www.yeep.io/

5月8日に、薬局の貯蓄カードであるhttps://insiderx.comを実際にリリースしました。 私はずっと前に打ち上げの発表をしました。 発表する新しいことがありますが、最初に私たちがいる場所の更新-

立ち上げ以来、ウェブサイトの停止はゼロです。 getInitialPropsのすばらしい実装のおかげで、バックエンドCMSとしてContentfulを追加しました。 グローバル変数に関する例を使用して、構成の大部分を外部化できる構成を構築しました。 後で、タイプアヘッドのアルゴリア検索を追加し、薬物情報のページを自動的に生成しました。

ローンチ以来の過去数か月で、ページ数を7から14,000以上に増やしました。 サイト全体を1つの追加言語にローカライズすると、すぐにこれが再び2倍になります。 next.jsとExpressの統合により、パラメーター化されたルーティングを制御し、必要に応じて301リダイレクトをセットアップし、ローカリゼーションの取り組みをサポートする柔軟性が得られました。

私たちのサイトをユニークにするものはすべて、Contenful、Algolia、またはカスタムExpress構成ファイルで外部化されているため、驚くべきことを行うことができました-

本日、 https：//justrx.comの立ち上げを発表し

これはInsideRx.comのフォークではありません。 コードを1つのサイトにデプロイするときは、すべてのドメインにデプロイします。 これにより、時間の経過とともにサイトを強化し続け、ベストプラクティスを使用して構築を続けることができます。

このソリューションを非常に迅速に立ち上げることに成功するかどうかは、テクノロジースタックと、Next.jsが提供するものに大きく依存しています。 あなたはパフォーマンスを見ることができます。 現在、Next.jsの2.2.xバージョンをまだ使用しています。 しばらくして次の4にアップグレードします。 最初のテストでは、1秒あたり1.3レンダリングから5.6レンダリングに成長することが示されています。 Next 4に切り替えると、以下のパフォーマンス数値が向上すると予想されます。これにより、Webパックのセットアップもアップグレードされます。

@khrome83💯❤️

next.js、バックエンド用のnode.js、およびいくつかのオープンソースのコンパイル済みライブラリで構築されたオンライン画像コンプレッサーを確認してください。 リンクは次のとおりです： https ：

next.jsとwordpressAPIで行われた私の写真のウェブサイトをチェックしてください。 リンクは次のとおりです： //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でホストされているNext.jsの静的エクスポートを使用しており、ContentfulをCMSとして使用しています。

スポーツアクティビティの休暇を予約する

vacucu

https://www.magicleap.comそれを使用しているようです

https：//sumup.com （および他のすべての32か国のWebサイト、たとえばsumup.de、.fr、.es ...）

@ connor-baer国際化のために何を使用しましたか？

@ connor-baerこれはあなたのサイトですか？ 素晴らしく見える！ IOS 11.2.2 iPhone 7Safariのナビゲーションに問題があるようです。 正常に開きますが、閉じるのに苦労します。

@vjpr翻訳されたページをContentful（CMS）からフェッチし、サーバーにローカライズしてから、 getInitialPropsロードします。 特別なことは何もありません😉

@ dav-ありがとう！ 私がメインの開発者です😊バグレポートをありがとうございます。調査します。 🙏

チェックアウト： https ：//hreftools.com-next.jsとnode.jsで構築された無料のオンラインWebツール

Next.jsとNowを使用してhttps://wecured.comに取り組んでい

私の大学の教師評価サイトを作成しました。これは非常に革命的で、最近地元のマスコミで取り上げられ、現在では15,000件を超える教師のレビューがあります。

www.losestudiantes.co

Next.jsを使用している3つのサイトがあります

• Cho Tot-エージェントディレクトリ： https ：
• Cho Tot-公開プロフィール： https ：
• Cho Tot-ゲーミフィケーション： https ：

ここでそれらを共有できるようになりました： https ：