Next.js: Production websites using Next.js
Hi all, I'm compiling a list of production applications built in Next.js so we can feature them in the 2.0 announcement. Please do share yours :smile:
Related to #727
List:
timneutkens
All 72 comments
rgbkrk
on 19 Mar 2017
rickyrauch
on 19 Mar 2017
vinaypuppal
on 19 Mar 2017
https://project-r.construction/ (Warning German ahead)
tpreusse
on 19 Mar 2017
This count as a production app https://platzi-music.now.sh/ ? (WIP)
sergiodxa
on 20 Mar 2017
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. :)
FrancosLab
on 20 Mar 2017
eezing
on 20 Mar 2017
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.
maccyber
on 20 Mar 2017
Waiting for launch go. When I am given the word, I will add here. =)
khrome83
on 20 Mar 2017
bukinoshita
on 21 Mar 2017
opencollective.com:
https://github.com/OpenCollective/frontend/tree/master/src/pages
cc @xdamman
sedubois
on 23 Mar 2017
vinaypuppal
on 25 Mar 2017
fox1t
on 27 Mar 2017
a-s-f
on 28 Mar 2017
jesseditson
on 28 Mar 2017
vernondegoede
on 1 Apr 2017
deptno
on 10 Apr 2017
mashaal
on 10 Apr 2017
sarovin
on 22 Apr 2017
durk0
on 24 Apr 2017
https://nteract.io now uses next (deployed yesterday!)
rgbkrk
on 29 Apr 2017
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.
khrome83
on 11 May 2017
I'm closing this. Will create a wiki article soon ππ»
timneutkens
on 26 May 2017
@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.
quentin-sommer
on 15 Jun 2017
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
on 15 Jun 2017
@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.
rgbkrk
on 15 Jun 2017
@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.
bukinoshita
on 15 Jun 2017
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/
frol
on 16 Jun 2017
This it's not a website, but an Electron app using Next.js v3 to export the rendered code
https://github.com/PlatziDev/pulse
sergiodxa
on 16 Jun 2017
Rx Visualizer is built with next.js
moroshko
on 25 Jun 2017
@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?
fabioespinosa
on 26 Jun 2017
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. π
bukinoshita
on 26 Jun 2017
https://owls.co ;)
briva
on 3 Jul 2017
@briva Nice!!
timneutkens
on 4 Jul 2017
http://www.wanoyume.com and the repo is: https://github.com/wanoyume/webiste-jp
tsq
on 19 Jul 2017
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.
carlos-peru
on 21 Jul 2017
@carlos-peru They're not in production just yet π
timneutkens
on 21 Jul 2017
@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" π
carlos-peru
on 22 Jul 2017
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
timneutkens
on 22 Jul 2017
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.
sergiodxa
on 3 Aug 2017
gragland
on 3 Aug 2017
kleicht
on 8 Sep 2017
mashaal
on 19 Sep 2017
austinamorusotraceme
on 19 Sep 2017
Very cool π π―
timneutkens
on 19 Sep 2017
Can you create a showcase page? @timneutkens
austinamorusotraceme
on 19 Sep 2017
Seems like a great idea @austinamorusotraceme π Will talk to evilrabbit about it π
timneutkens
on 20 Sep 2017
Full ecommerce built with Next.js and Now.
chhuang
on 25 Sep 2017
@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
on 25 Sep 2017
@mashaal what blocker are you using, I have ABP and it works fine for me?
chhuang
on 25 Sep 2017
ublock origin 1.14.8
mashaal
on 25 Sep 2017
@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).
pruhstal
on 25 Sep 2017
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.
chhuang
on 25 Sep 2017
SaaS website using Next v4
jmike
on 13 Oct 2017
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
on 17 Oct 2017
@khrome83 π― β€οΈ
timneutkens
on 18 Oct 2017
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
eashish93
on 20 Nov 2017
Please check out my photography website which was done with next.js and wordpress API. Here's the link: http://99foto.pl
prothomsoft
on 30 Nov 2017
Additionally:
https://www.eltonjohn.com/
https://jobs.netflix.com
timneutkens
on 6 Dec 2017
The new ticketmaster.com mobile site is being built on next.js
https://www.ticketmaster.com/new
mudy
on 13 Dec 2017
https://www.common.com/ is using Next.js' static export, hosted on S3 behind a Cloudfront CDN, and using Contentful as a CMS.
ldthorne
on 24 Dec 2017
Book sport activity getaways
obfuscatedgeek
on 25 Dec 2017
https://www.magicleap.com Seems to be using it
jtmarmon
on 25 Dec 2017
https://sumup.com (and all other 32 country websites, e.g. sumup.de, .fr, .es...)
connor-baer
on 29 Jan 2018
@connor-baer What did you use for internationalisation?
vjpr
on 29 Jan 2018
@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.
dav-is
on 29 Jan 2018
@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. π
connor-baer
on 29 Jan 2018
Check out: https://hreftools.com - Free online web tools built with next.js and node.js
eashish93
on 11 Feb 2018
We're working on https://wecured.com using Next.js and Now.
jlei523
on 3 Mar 2018
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.
fabioespinosa
on 8 Mar 2018
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
davidnguyen179
on 11 Mar 2018
You can now share them here: https://spectrum.chat/next-js?thread=e425a8b6-c9cb-4cd1-90bb-740fb3bd7541
timneutkens
on 12 Mar 2018
Related issues
timneutkens
Β·
3Comments
olifante
Β·
3Comments
ghost
Β·
3Comments
wagerfield
Β·
3Comments
havefive
Β·
3Comments
Most helpful comment
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.