Next.js: Production websites using Next.js

https://nteract.io via https://github.com/nteract/nteract.io/pull/7

Done!

https://scaleapi.com

https://tutorbro.com

https://project-r.construction/ (Warning German ahead)

Source: https://github.com/orbiting/construction

This count as a production app https://platzi-music.now.sh/ ? (WIP)

Just deployed a clients website which uses next for rendering it's frontend and adonis.js as it's backend.

Will be putting up a repo with an adonis.js + next.js boilerplate that came from this project up soon. :)

https://skyslimo.com

https://rainbow.now.sh

bigfive.world - Website for five factor model of personality tests based on ipip.ori.org.
Frontend is next.js and backend is served by 5 different microservices.
Everything hosted on zeit/now.

Created by zrrrzzt and maccyber.

Waiting for launch go. When I am given the word, I will add here. =)

• 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 now uses next (deployed yesterday!)

https://www.insiderx.com

I have been working on this for the last three months. This is a site to save uninsured and high-deductible plan patients within the US money on brand prescriptions. We used Next so we could product a fast and responsive site both on first visit and while navigating.

I'm closing this. Will create a wiki article soon 👍🏻

@timneutkens https://www.schlouk-map.com. Interesting in the fact that it provides a customized experience for each user (different mobile, tablet, desktop) and has all the "modern" practices like deep links, open-graph and so on.

can anyone share some repo's / source? Would be nice. All the examples are nice and they work well but they are also very simple. As soon as I try to combine some stuff, or do some more advanced stuff, I run into wall.

@anomaly44 - https://github.com/nteract/nteract.io does a bunch of custom things including SCSS compilation, OS detection. We used to run an extra proxy server with it, though it appears to be no more.

@anomaly44 If you want you can check Ritoplz repository.

Some of the stuffs I used:

• Testing react components with Jest and enzyme
• i18next to translate
• Environment vars
• Custom server to be able to use url-prettifier
• And a bunch of other stuffs... I think it might help you since it's a full application there.

Ps: Don't take my project as a rule for building your projects tho.
Edit: Pointing url to master branch since it was merged.

Using Next v3 static export feature I have been able to build my company's website hosted on Github Pages (Github Pages + Travis CI + Next.js are the ingredients of success): https://github.com/mirabit-ua/mirabit-ua.github.io/

This it's not a website, but an Electron app using Next.js v3 to export the rendered code
https://github.com/PlatziDev/pulse

Rx Visualizer is built with next.js

@bukinoshita awesome example! I love how you integrated redux, and use authentication for SSR Why not take your project as a rule for building projects?

Thanks @fabioespinosa! Because we all have different ways of building things, some things we like and some things we don't like. We tweak with our own preferences and how we feel with each tool. That's why I said that, use as an example and not as a rule. 😅

https://owls.co ;)

@briva Nice!!

http://www.wanoyume.com and the repo is: https://github.com/wanoyume/webiste-jp

Apparently Deliveroo is using next.js. It would probably be the best showcase. Check the link in which a Deliveroo Engineer talks about using next.js.

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

@carlos-peru They're not in production just yet 😄

@timneutkens the video is from React London 2017 back in April and currently https://deliveroo.co.uk/ uses React. The video explains that they used next.js to migrate to React from Angular. I would think that their work with next.js is in production because of that but I'm not certain. Therefore, I carefully used the word "apparently" 😉

Haha no worries 👌 I wasn't trying to make a point ❤️ The current deliveroo.co.uk is rails + react instead of Next.js. I've talked to Jasdeep before on slack 👍 Feel free to join btw 😄: https://zeit.chat

https://sergio.now.sh/ (code) <- exported site using Next.js v3 and a service worker with a networkFirst cache and using Preact to reduce the production bundle size.

https://www.wethefuture.org

https://fabriks.net

https://mofo.net.au/

https://www.traceme.com

Very cool 👍 💯

Can you create a showcase page? @timneutkens

Seems like a great idea @austinamorusotraceme 👍 Will talk to evilrabbit about it 👍

Full ecommerce built with Next.js and Now.

https://www.institchu.com

@chhuang just an FYI, if you use an adblocker when viewing your site you get a breaking error analytics is not defined which prevents the entire site from loading!

@mashaal what blocker are you using, I have ABP and it works fine for me?

ublock origin 1.14.8

@chhuang when loading: https://www.institchu.com/design/shirt, how come it takes so long? E.g. what's it doing behind the scenes? I noticed some other pages loaded pretty quickly.

Overall, it's an awesome implementation and very well polished! What does the full stack look like aside from Next.js?

Also, I should mention that the entire site fails to load with uBlock origin like @mashaal (which is probably a p0 blocker, IMO).

Thanks guys, really appreciate the feedback. I've just fixed the Adblocker problem, one of the static javascript is named tracking.js and it's blocked by default.

@pruhstal I'm assuming it's because it's loading the fabric images, although it shouldn't be because it's lazy loading the images and all the images should be cached on the server and also in the browser once you've finished loading them.

SaaS website using Next v4

https://www.yeep.io/

Back on May 8th we actually launched https://insiderx.com, a pharmacy savings card. I made the launch announcement above a long time ago. I have something new to announce, but first a update of where we are at -

Since our launch we have had zero outages on our website. We have added Contentful as a backend CMS thanks to the amazing implementation of getInitialProps. Using the example around global variables, we built configuration allowing us to externalize the bulk of our config. Later we added Algolia search for type ahead and automatically generated pages for drug information.

In the last months since launching, we increased our page count from 7 to over 14,000. Soon this will double again as we localize the entire site into one additional language. Our next.js integration with express has given us the flexibility to control parametrized routing, setup 301 redirects as needed, and support our localization efforts.

Because everything that makes our site unique is externalized in Contenful, Algolia, or custom Express configurations files, we were able to do something amazing -

Today I am announcing the launch of https://justrx.com. In less than 30 days we were able to take our tech stack and convert it to something that lets us build additional sites with completely different routes, content, components, themes, and content. JustRx.com is a slightly different Pharmacy Savings Card that has a more narrow network (less locations).

This is not a fork of InsideRx.com. When we deploy code to one site, we deploy it to all domains. This allows us to continue to enhance our site over time and continue to build using the best practices.

The success of launching this solution so fast is heavily based on our technology stack, and what Next.js affords us. You can see the performance. Currently we are still using 2.2.x version of Next.js. We will be upgrading to Next 4 in a little while. Our initial tests have shown us grow from 1.3 renders a second to 5.6 renders. We expect the performance numbers below to increase with the switch to Next 4, which also upgrades our web pack setup.

@khrome83 💯 ❤️

Check out an online image compressor built with next.js, node.js for backend and some open source compiled libraries. Here's the link: https://imgsquash.com

Please check out my photography website which was done with next.js and wordpress API. Here's the link: http://99foto.pl

Additionally:
https://www.eltonjohn.com/
https://jobs.netflix.com

The new ticketmaster.com mobile site is being built on next.js
https://www.ticketmaster.com/new

https://www.common.com/ is using Next.js' static export, hosted on S3 behind a Cloudfront CDN, and using Contentful as a CMS.

Book sport activity getaways

vacucu

https://www.magicleap.com Seems to be using it

https://sumup.com (and all other 32 country websites, e.g. sumup.de, .fr, .es...)

@connor-baer What did you use for internationalisation?

@connor-baer Is this your site? Looks great! Seems to be an issue with the nav on IOS 11.2.2 iPhone 7 Safari. It opens fine but then struggles to close.

@vjpr We fetch the translated page from Contentful (our CMS), localize it on the server and then load it in getInitialProps. Nothing fancy 😉

@dav-is Thanks! I'm the main developer 😊 Thank you for the bug report, we'll look into it. 🙏

Check out: https://hreftools.com - Free online web tools built with next.js and node.js

We're working on https://wecured.com using Next.js and Now.

Made a teacher rating site for my university, its been quite a revolution, been featured in local press lately and now over 15K teacher reviews.

www.losestudiantes.co

We have 3 sites using Next.js

• Chợ Tốt - Agent Directory: https://nha.chotot.com/danhba
• Chợ Tốt - Public Profile: https://www.chotot.com/user/59dafc026c92f5b3347ca15b4eb87d83/dang-ban
• Chợ Tốt - Gamification: https://www.chotot.com/trainghiem

You can now share them here: https://spectrum.chat/next-js?thread=e425a8b6-c9cb-4cd1-90bb-740fb3bd7541