Next.js: Next.js का उपयोग करने वाली उत्पादन वेबसाइटें

https://nteract.io के माध्यम से https://github.com/nteract/nteract.io/pull/7

किया हुआ!

https://scaleapi.com

https://tutorbro.com

https://project-r.construction/ (जर्मन को आगे की चेतावनी)

स्रोत: https://github.com/orbiting/construction

यह एक प्रोडक्शन ऐप https://platzi-music.now.sh/ के रूप में गिना जाता है? (विप)

बस एक क्लाइंट वेबसाइट को तैनात किया है जो इसके फ्रंटएंड और adonis.js को बैकएंड के रूप में प्रस्तुत करने के लिए नेक्स्ट का उपयोग करती है।

एक एडोनिस.जेएस + नेक्स्ट.जेएस बॉयलरप्लेट के साथ एक रेपो लगाएंगे जो इस परियोजना से जल्द ही आया है। :)

https://skyslimo.com

https://rainbow.now.sh

bigfive.world - के आधार पर व्यक्तित्व परीक्षण के पांच कारक मॉडल के लिए वेबसाइट ipip.ori.org ।
फ्रंटएंड अगला है। जेएस और बैकएंड को 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

सीसी @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 अब अगला उपयोग करता है (कल तैनात!)

https://www.insiderx.com

मैं पिछले तीन महीने से इस पर काम कर रहा हूं। यह ब्रांड के नुस्खे पर अमेरिकी पैसे के भीतर अबीमाकृत और उच्च-कटौती योग्य योजना रोगियों को बचाने के लिए एक साइट है। हमने नेक्स्ट का उपयोग किया ताकि हम पहली बार और नेविगेट करते समय एक तेज़ और उत्तरदायी साइट बना सकें।

मैं इसे बंद कर रहा हूं। जल्द ही एक विकि लेख तैयार करूँगा

@timneutkens https://www.schlouk-map.com। इस तथ्य में दिलचस्प है कि यह प्रत्येक उपयोगकर्ता (अलग-अलग मोबाइल, टैबलेट, डेस्कटॉप) के लिए एक अनुकूलित अनुभव प्रदान करता है और इसमें सभी "आधुनिक" प्रथाएं हैं जैसे डीप लिंक, ओपन-ग्राफ और इसी तरह।

क्या कोई कुछ रेपो/स्रोत साझा कर सकता है? अच्छा होगा। सभी उदाहरण अच्छे हैं और वे अच्छा काम करते हैं लेकिन वे बहुत सरल भी हैं। जैसे ही मैं कुछ सामान गठबंधन करने की कोशिश करता हूं, या कुछ और उन्नत चीजें करता हूं, मैं दीवार में दौड़ता हूं।

@ anomaly44 - https://github.com/nteract/nteract.io एससीएसएस संकलन, ओएस डिटेक्शन सहित कस्टम चीजों का एक गुच्छा करता है। हम इसके साथ एक अतिरिक्त प्रॉक्सी सर्वर चलाते थे, हालांकि यह अब और नहीं प्रतीत होता है।

@anomaly44 आप चाहें तो Ritoplz रिपॉजिटरी चेक कर सकते हैं।

मेरे द्वारा उपयोग की जाने वाली कुछ चीजें:

• परीक्षण जेस्ट और एंजाइम के साथ घटकों की प्रतिक्रिया करते हैं
• i18अनुवाद के आगे
• पर्यावरण संस्करण
• कस्टम सर्वर url-prettifier का उपयोग करने में सक्षम होने के लिए
• और अन्य सामानों का एक गुच्छा ... मुझे लगता है कि यह आपकी मदद कर सकता है क्योंकि यह वहां एक पूर्ण आवेदन है।

Ps: अपनी परियोजनाओं के निर्माण के लिए मेरी परियोजना को एक नियम के रूप में न लें।
संपादित करें: मास्टर शाखा को यूआरएल इंगित करना क्योंकि इसे विलय कर दिया गया था।

नेक्स्ट v3 स्टैटिक एक्सपोर्ट फीचर का उपयोग करके मैं जीथब पेज पर होस्ट की गई अपनी कंपनी की वेबसाइट बनाने में सक्षम हूं (जीथब पेज + ट्रैविस सीआई + नेक्स्ट.जेएस सफलता की सामग्री हैं): https://github.com/mirabit-ua/mirabit- ua.github.io/

यह एक वेबसाइट नहीं है, बल्कि एक इलेक्ट्रॉन ऐप है जो रेंडर किए गए कोड को निर्यात करने के लिए Next.js v3 का उपयोग करता है
https://github.com/PlatziDev/pulse

Rx विज़ुअलाइज़र next.js . के साथ बनाया गया है

@bukinoshita भयानक उदाहरण! मुझे पसंद है कि आपने Redux को कैसे एकीकृत किया, और SSR के लिए प्रमाणीकरण का उपयोग किया क्यों न आप अपनी परियोजना को परियोजनाओं के निर्माण के लिए एक नियम के रूप में लें?

धन्यवाद @fabioespinosa! क्योंकि हम सभी के पास चीजों को बनाने के अलग-अलग तरीके हैं, कुछ चीजें जो हमें पसंद हैं और कुछ चीजें जो हमें पसंद नहीं हैं। हम अपनी प्राथमिकताओं के साथ बदलाव करते हैं और हम प्रत्येक उपकरण के साथ कैसा महसूस करते हैं। इसलिए मैंने कहा कि, उदाहरण के रूप में उपयोग करें, नियम के रूप में नहीं। मैं

https://owls.co ;)

@briva अच्छा !!

http://www.wanoyume.com और रेपो है: https://github.com/wanoyume/webiste-jp

जाहिर तौर पर डिलिवरू नेक्स्ट.जेएस का उपयोग कर रहा है। यह शायद सबसे अच्छा शोकेस होगा। उस लिंक की जाँच करें जिसमें एक डेलीवरू इंजीनियर next.js का उपयोग करने के बारे में बात करता है।

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

@ कार्लोस-पेरू वे अभी उत्पादन में नहीं हैं

@timneutkens वीडियो अप्रैल में रिएक्ट लंदन 2017 का है और वर्तमान में https://deliveroo.co.uk/ रिएक्ट का उपयोग करता है। वीडियो बताता है कि एंगुलर से रिएक्ट में माइग्रेट करने के लिए उन्होंने next.js का इस्तेमाल किया। मुझे लगता है कि उसके कारण next.js के साथ उनका काम उत्पादन में है, लेकिन मुझे यकीन नहीं है। इसलिए, मैंने सावधानी से "जाहिरा तौर पर" शब्द का इस्तेमाल किया

हाहा कोई चिंता नहीं मैं एक बिंदु बनाने की कोशिश नहीं कर रहा था ❤️ वर्तमान डिलिवरू.को.यूके रेल है + नेक्स्ट.जेएस के बजाय प्रतिक्रिया। मैंने जसदीप से सुस्त होने से पहले बात की है बीटीडब्ल्यू में शामिल होने के लिए स्वतंत्र महसूस करें : https://zeit.chat

https://sergio.now.sh/ ( कोड ) <- नेक्स्ट.js v3 का उपयोग करके निर्यात की गई साइट और नेटवर्कफर्स्ट कैश के साथ एक सेवा कार्यकर्ता और उत्पादन बंडल आकार को कम करने के लिए 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 सिर्फ एक FYI करें, यदि आप अपनी साइट को देखते समय एक analytics is not defined जो पूरी साइट को लोड होने से रोकता है!

@ माशाल आप किस अवरोधक का उपयोग कर रहे हैं, मेरे पास एबीपी है और यह मेरे लिए ठीक काम करता है?

यूब्लॉक मूल 1.14.8

@chhuang लोड करते समय: https://www.institchu.com/design/shirt , इसमें इतना समय कैसे लगता है? जैसे यह पर्दे के पीछे क्या कर रहा है? मैंने देखा कि कुछ अन्य पृष्ठ बहुत जल्दी लोड होते हैं।

कुल मिलाकर, यह एक शानदार कार्यान्वयन है और बहुत अच्छी तरह से पॉलिश किया गया है! Next.js से अलग पूरा स्टैक कैसा दिखता है?

साथ ही, मुझे यह उल्लेख करना चाहिए कि पूरी साइट uBlock मूल जैसे @mashaal (जो शायद एक p0 अवरोधक, IMO है) के साथ लोड करने में विफल

धन्यवाद दोस्तों, वास्तव में प्रतिक्रिया की सराहना करते हैं। मैंने अभी एडब्लॉकर समस्या को ठीक किया है, स्थिर जावास्क्रिप्ट में से एक का नाम tracking.js और यह डिफ़ॉल्ट रूप से अवरुद्ध है।

@pruhstal मैं यह मान रहा हूं क्योंकि यह कपड़े की छवियों को लोड कर रहा है, हालांकि ऐसा नहीं होना चाहिए क्योंकि यह छवियों को आलसी लोड कर रहा है और सभी छवियों को सर्वर पर और ब्राउज़र में भी लोड करने के बाद कैश किया जाना चाहिए।

नेक्स्ट v4 . का उपयोग कर सास वेबसाइट

https://www.yep.io/

8 मई को हमने वास्तव में https://insiderx.com लॉन्च किया, जो एक फार्मेसी बचत कार्ड है। मैंने लॉन्च की घोषणा बहुत समय पहले की थी। मेरे पास घोषणा करने के लिए कुछ नया है, लेकिन पहले यह अपडेट करें कि हम कहां हैं -

हमारे लॉन्च के बाद से हमारी वेबसाइट पर शून्य आउटेज रहा है। getInitialProps के अद्भुत कार्यान्वयन के लिए धन्यवाद, हमने बैकएंड सीएमएस के रूप में कंटेंटफुल को जोड़ा है। वैश्विक चर के आसपास के उदाहरण का उपयोग करते हुए, हमने कॉन्फ़िगरेशन का निर्माण किया, जिससे हम अपने कॉन्फिग के बड़े हिस्से को बाहरी बना सकते हैं। बाद में हमने अल्गोलिया खोज को आगे के प्रकार के लिए जोड़ा और दवा की जानकारी के लिए स्वचालित रूप से उत्पन्न पृष्ठ।

लॉन्च होने के बाद के आखिरी महीनों में, हमने अपने पेज की संख्या 7 से बढ़ाकर 14,000 से अधिक कर दी है। जल्द ही यह फिर से दोगुना हो जाएगा क्योंकि हम पूरी साइट को एक अतिरिक्त भाषा में स्थानीयकृत कर देंगे। एक्सप्रेस के साथ हमारे next.js एकीकरण ने हमें पैरामीट्रिज्ड रूटिंग को नियंत्रित करने, आवश्यकतानुसार 301 रीडायरेक्ट सेटअप करने और हमारे स्थानीयकरण प्रयासों का समर्थन करने की सुविधा प्रदान की है।

क्योंकि जो कुछ भी हमारी साइट को विशिष्ट बनाता है वह कंटेंटफुल, अल्गोलिया, या कस्टम एक्सप्रेस कॉन्फ़िगरेशन फ़ाइलों में बाहरी है, हम कुछ अद्भुत करने में सक्षम थे -

आज मैं https://justrx.com के लॉन्च की घोषणा कर रहा हूं

यह इनसाइडआरएक्स.कॉम का कांटा नहीं है। जब हम एक साइट पर कोड परिनियोजित करते हैं, तो हम इसे सभी डोमेन पर परिनियोजित करते हैं। यह हमें समय के साथ अपनी साइट को बढ़ाने और सर्वोत्तम प्रथाओं का उपयोग करके निर्माण जारी रखने की अनुमति देता है।

इस समाधान को इतनी तेजी से लॉन्च करने की सफलता बहुत हद तक हमारे प्रौद्योगिकी स्टैक पर आधारित है, और Next.js हमें क्या प्रदान करता है। आप प्रदर्शन देख सकते हैं। वर्तमान में हम अभी भी Next.js के 2.2.x संस्करण का उपयोग कर रहे हैं। हम थोड़ी देर में अगले 4 में अपग्रेड हो जाएंगे। हमारे शुरुआती परीक्षणों ने हमें 1.3 रेंडर प्रति सेकंड से बढ़कर 5.6 रेंडर करने के लिए दिखाया है। हम उम्मीद करते हैं कि नेक्स्ट 4 पर स्विच करने के साथ नीचे दी गई प्रदर्शन संख्या में वृद्धि होगी, जो हमारे वेब पैक सेटअप को भी अपग्रेड करता है।

@ khrome83 ❤️

बैकएंड और कुछ ओपन सोर्स संकलित पुस्तकालयों के लिए next.js, node.js के साथ निर्मित एक ऑनलाइन छवि कंप्रेसर देखें। यहाँ लिंक है: https://imgsquash.com

कृपया मेरी फोटोग्राफी वेबसाइट देखें जो कि next.js और वर्डप्रेस एपीआई के साथ की गई थी। यहाँ लिंक है: http://99foto.pl

इसके अतिरिक्त:
https://www.eltonjohn.com/
https://jobs.netflix.com

नई टिकटमास्टर.कॉम मोबाइल साइट next.js . पर बनाई जा रही है
https://www.ticketmaster.com/new

https://www.common.com/ , Next.js के स्थिर निर्यात का उपयोग कर रहा है, जिसे क्लाउडफ़्रंट सीडीएन के पीछे S3 पर होस्ट किया गया है, और एक सीएमएस के रूप में कंटेंटफुल का उपयोग कर रहा है।

बुक स्पोर्ट एक्टिविटी गेटवे

रिक्तिका

https://www.magicleap.com इसका उपयोग करता प्रतीत होता है

https://sumup.com (और अन्य सभी 32 देश की वेबसाइटें, जैसे sumup.de, .fr, .es...)

@connor-baer आपने अंतर्राष्ट्रीयकरण के लिए क्या उपयोग किया?

@connor-baer क्या यह आपकी साइट है? अच्छा लग रहा है! IOS 11.2.2 iPhone 7 Safari पर एनएवी के साथ एक समस्या प्रतीत होती है। यह ठीक खुलता है लेकिन फिर बंद होने के लिए संघर्ष करता है।

@vjpr हम अनुवादित पृष्ठ को कंटेंटफुल (हमारे सीएमएस) से प्राप्त करते हैं, इसे सर्वर पर स्थानीयकृत करते हैं और फिर इसे getInitialProps में लोड करते हैं। कुछ भी फैंसी नहीं

@ दाव-धन्यवाद है! मैं मुख्य डेवलपर हूं बग रिपोर्ट के लिए धन्यवाद, हम इस पर गौर करेंगे। 🙏

चेक आउट करें: https://hreftools.com - next.js और node.js . के साथ निर्मित नि:शुल्क ऑनलाइन वेब टूल

हम Next.js और Now का उपयोग करके https://wecured.com पर काम कर रहे हैं।

मेरे विश्वविद्यालय के लिए एक शिक्षक रेटिंग साइट बनाई, यह काफी क्रांति रही, हाल ही में स्थानीय प्रेस में और अब 15K से अधिक शिक्षक समीक्षा में चित्रित किया गया है।

www.losestudiantes.co

हमारे पास Next.js का उपयोग करने वाली 3 साइटें हैं

• चो टोट - एजेंट निर्देशिका: https://nha.chotot.com/danhba
• चो टोट - सार्वजनिक प्रोफ़ाइल: https://www.chotot.com/user/59dafc026c92f5b3347ca15b4eb87d83/dang-ban
• चो टोट - Gamification: https://www.chotot.com/trainghiem

अब आप उन्हें यहां साझा कर सकते हैं: https://spectrum.chat/next-js?thread=e425a8b6-c9cb-4cd1-90bb-740fb3bd7541