Skip to content
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’ll 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
Closed

Production websites using Next.js #1458

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
Copy link
Contributor

rgbkrk commented Mar 19, 2017

https://nteract.io via nteract/nteract.io#7

Done!

@rickyrauch
Copy link

https://scaleapi.com

@vinaypuppal
Copy link
Contributor

https://tutorbro.com

@tpreusse
Copy link
Contributor

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

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

@sergiodxa
Copy link
Contributor

sergiodxa commented Mar 20, 2017

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

@FrancosLab
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
Copy link

eezing commented Mar 20, 2017

https://rainbow.now.sh

@maccyber
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
Copy link
Contributor

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

@bukinoshita
Copy link
Contributor

@sedubois
Copy link
Contributor

opencollective.com:
https://github.com/OpenCollective/frontend/tree/master/src/pages

cc @xdamman

@vinaypuppal
Copy link
Contributor

https://linklet.ml/

@fox1t
Copy link

fox1t commented Mar 27, 2017

https://nucleode.com

@a-s-f
Copy link

a-s-f commented Mar 28, 2017

https://killerandasweetthang.com

@jesseditson
Copy link
Contributor

https://ffwdmusic.org

@vernondegoede
Copy link

http://www.ecurring.com

@deptno
Copy link
Contributor

deptno commented Apr 10, 2017

@mashaal
Copy link

mashaal commented Apr 10, 2017

https://angelolsen.com
https://teacups.io
https://destroyer.audio

@sarovin
Copy link
Contributor

sarovin commented Apr 22, 2017

https://bolket.com

@durk0
Copy link

durk0 commented Apr 24, 2017

https://avocode.com

@rgbkrk
Copy link
Contributor

rgbkrk commented Apr 29, 2017

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

@khrome83
Copy link
Contributor

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
Copy link
Member Author

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

@quentin-sommer
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
Copy link

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
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
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
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
Copy link
Contributor

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
Copy link
Member Author

timneutkens commented Sep 19, 2017

Very cool 👍 💯

@austinamorusotraceme
Copy link

austinamorusotraceme commented Sep 19, 2017

Can you create a showcase page? @timneutkens

@timneutkens
Copy link
Member Author

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

@chhuang
Copy link

chhuang commented Sep 25, 2017

Full ecommerce built with Next.js and Now.

https://www.institchu.com

@mashaal
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
Copy link

chhuang commented Sep 25, 2017

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

@mashaal
Copy link

mashaal commented Sep 25, 2017

ublock origin 1.14.8

@pruhstal
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
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
Copy link

jmike commented Oct 13, 2017

SaaS website using Next v4

https://www.yeep.io/

@khrome83
Copy link
Contributor

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
Copy link
Member Author

@khrome83 💯 ❤️

@eashish93
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
Copy link

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

@timneutkens
Copy link
Member Author

timneutkens commented Dec 6, 2017

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

@mudy
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
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
Copy link

Book sport activity getaways

vacucu

@jtmarmon
Copy link

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

@connor-baer
Copy link
Contributor

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

@vjpr
Copy link

vjpr commented Jan 29, 2018

@connor-baer What did you use for internationalisation?

@dav-is
Copy link
Contributor

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
Copy link
Contributor

@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
Copy link

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

@jlei523
Copy link

jlei523 commented Mar 3, 2018

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

@fabioespinosa
Copy link
Contributor

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

@davidnguyen11
Copy link
Contributor

davidnguyen11 commented Mar 11, 2018

We have 3 sites using Next.js

@timneutkens
Copy link
Member Author

@vercel vercel 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.
Labels
None yet
Projects
None yet
Development

No branches or pull requests