New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Production websites using Next.js #1458

Closed
timneutkens opened this Issue Mar 19, 2017 · 72 comments

Comments

@timneutkens
Copy link
Member

timneutkens commented Mar 19, 2017

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 馃槃

Related to #727

List:

@rgbkrk

This comment has been minimized.

Copy link
Contributor

rgbkrk commented Mar 19, 2017

@rickyrauch

This comment has been minimized.

Copy link

rickyrauch commented Mar 19, 2017

https://scaleapi.com

@vinaypuppal

This comment has been minimized.

Copy link
Contributor

vinaypuppal commented Mar 19, 2017

@tpreusse

This comment has been minimized.

Copy link
Contributor

tpreusse commented Mar 19, 2017

@sergiodxa

This comment has been minimized.

Copy link
Contributor

sergiodxa commented Mar 20, 2017

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

@FrancosLab

This comment has been minimized.

Copy link

FrancosLab commented Mar 20, 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. :)

https://skyslimo.com

@eezing

This comment has been minimized.

Copy link
Contributor

eezing commented Mar 20, 2017

@maccyber

This comment has been minimized.

Copy link

maccyber commented Mar 20, 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.

Created by zrrrzzt and maccyber.

@khrome83

This comment has been minimized.

Copy link
Contributor

khrome83 commented Mar 20, 2017

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

@bukinoshita

This comment has been minimized.

Copy link
Contributor

bukinoshita commented Mar 21, 2017

@sedubois

This comment has been minimized.

Copy link
Contributor

sedubois commented Mar 23, 2017

@vinaypuppal

This comment has been minimized.

Copy link
Contributor

vinaypuppal commented Mar 25, 2017

https://linklet.ml/

@fox1t

This comment has been minimized.

Copy link

fox1t commented Mar 27, 2017

@a-s-f

This comment has been minimized.

Copy link

a-s-f commented Mar 28, 2017

@jesseditson

This comment has been minimized.

Copy link
Contributor

jesseditson commented Mar 28, 2017

@vernondegoede

This comment has been minimized.

Copy link

vernondegoede commented Apr 1, 2017

@deptno

This comment has been minimized.

Copy link
Contributor

deptno commented Apr 10, 2017

@mashaal

This comment has been minimized.

Copy link

mashaal commented Apr 10, 2017

@sarovin

This comment has been minimized.

Copy link
Contributor

sarovin commented Apr 22, 2017

@durk0

This comment has been minimized.

Copy link

durk0 commented Apr 24, 2017

@rgbkrk

This comment has been minimized.

Copy link
Contributor

rgbkrk commented Apr 29, 2017

https://nteract.io now uses next (deployed yesterday!)

@khrome83

This comment has been minimized.

Copy link
Contributor

khrome83 commented May 11, 2017

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.

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented May 25, 2017

I'm closing this. Will create a wiki article soon 馃憤馃徎

@quentin-sommer

This comment has been minimized.

Copy link
Contributor

quentin-sommer commented Jun 15, 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.

@anomaly44

This comment has been minimized.

Copy link

anomaly44 commented Jun 15, 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.

@rgbkrk

This comment has been minimized.

Copy link
Contributor

rgbkrk commented Jun 15, 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.

@bukinoshita

This comment has been minimized.

Copy link
Contributor

bukinoshita commented Jun 15, 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.

@frol

This comment has been minimized.

Copy link
Contributor

frol commented Jun 16, 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/

@sergiodxa

This comment has been minimized.

Copy link
Contributor

sergiodxa commented Jun 16, 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

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented Sep 19, 2017

Very cool guys 馃憤 馃挴

@austinamorusotraceme

This comment has been minimized.

Copy link

austinamorusotraceme commented Sep 19, 2017

Can you create a showcase page? @timneutkens

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented Sep 20, 2017

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

@chhuang

This comment has been minimized.

Copy link

chhuang commented Sep 25, 2017

Full ecommerce built with Next.js and Now.

https://www.institchu.com

@mashaal

This comment has been minimized.

Copy link

mashaal commented Sep 25, 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!

@chhuang

This comment has been minimized.

Copy link

chhuang commented Sep 25, 2017

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

@mashaal

This comment has been minimized.

Copy link

mashaal commented Sep 25, 2017

ublock origin 1.14.8

@pruhstal

This comment has been minimized.

Copy link

pruhstal commented Sep 25, 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).

@chhuang

This comment has been minimized.

Copy link

chhuang commented Sep 25, 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.

@jmike

This comment has been minimized.

Copy link

jmike commented Oct 13, 2017

SaaS website using Next v4

https://www.yeep.io/

@khrome83

This comment has been minimized.

Copy link
Contributor

khrome83 commented Oct 17, 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.

screen shot 2017-10-15 at 9 56 09 pm

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented Oct 18, 2017

@khrome83 馃挴 鉂わ笍

@eashish93

This comment has been minimized.

Copy link

eashish93 commented Nov 20, 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

@prothomsoft

This comment has been minimized.

Copy link

prothomsoft commented Nov 30, 2017

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

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented Dec 6, 2017

@mudy

This comment has been minimized.

Copy link

mudy commented Dec 13, 2017

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

@ldthorne

This comment has been minimized.

Copy link
Contributor

ldthorne commented Dec 24, 2017

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

@obfuscatedgeek

This comment has been minimized.

Copy link

obfuscatedgeek commented Dec 24, 2017

Book sport activity getaways

vacucu

@jtmarmon

This comment has been minimized.

Copy link

jtmarmon commented Dec 25, 2017

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

@connor-baer

This comment has been minimized.

Copy link
Contributor

connor-baer commented Jan 29, 2018

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

@vjpr

This comment has been minimized.

Copy link

vjpr commented Jan 29, 2018

@connor-baer What did you use for internationalisation?

@dav-is

This comment has been minimized.

Copy link
Member

dav-is commented Jan 29, 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.

@connor-baer

This comment has been minimized.

Copy link
Contributor

connor-baer commented Jan 29, 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. 馃檹

@eashish93

This comment has been minimized.

Copy link

eashish93 commented Feb 11, 2018

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

@jlei523

This comment has been minimized.

Copy link

jlei523 commented Mar 3, 2018

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

@fabioespinosa

This comment has been minimized.

Copy link
Contributor

fabioespinosa commented Mar 8, 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.

www.losestudiantes.co

@davidnguyen179

This comment has been minimized.

Copy link
Contributor

davidnguyen179 commented Mar 11, 2018

We have 3 sites using Next.js

@timneutkens

This comment has been minimized.

Copy link
Member

timneutkens commented Mar 11, 2018

@zeit zeit locked as resolved and limited conversation to collaborators Mar 11, 2018

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.