Next.js logo

Next.js

A small framework for server-rendered universal JavaScript apps
744
375
+ 1
64

What is Next.js?

Next.js is a minimalistic framework for server-rendered React applications.
Next.js is a tool in the Frameworks (Full Stack) category of a tech stack.
Next.js is an open source tool with 43K GitHub stars and 5.8K GitHub forks. Here’s a link to Next.js's open source repository on GitHub

Who uses Next.js?

Companies
408 companies reportedly use Next.js in their tech stacks, including CircleCI, Avocode, and Better.

Developers
320 developers on StackShare have stated that they use Next.js.

Next.js Integrations

React, Material-UI, Tipe, Sanity, and Feathers are some of the popular tools that integrate with Next.js. Here's a list of all 11 tools that integrate with Next.js.

Why developers like Next.js?

Here’s a list of reasons why companies and developers use Next.js
Next.js Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose Next.js in their tech stack.

Robert Zuber
Robert Zuber
CTO at CircleCI · | 16 upvotes · 296.6K views
atCircleCICircleCI
Next.js
Next.js
React
React
Storybook
Storybook
TypeScript
TypeScript
Emotion
Emotion
GraphQL
GraphQL
Apollo
Apollo
Jest
Jest
Percy
Percy
Cypress
Cypress

We are in the process of adopting Next.js as our React framework and using Storybook to help build our React components in isolation. This new part of our frontend is written in TypeScript, and we use Emotion for CSS/styling. For delivering data, we use GraphQL and Apollo. Jest, Percy, and Cypress are used for testing.

See more
Divine Bawa
Divine Bawa
at PayHub Ghana Limited · | 13 upvotes · 114.7K views
Node.js
Node.js
GraphQL
GraphQL
MySQL
MySQL
Prisma
Prisma
graphql-yoga
graphql-yoga
React
React
styled-components
styled-components
Next.js
Next.js
Apollo
Apollo

I just finished a web app meant for a business that offers training programs for certain professional courses. I chose this stack to test out my skills in graphql and react. I used Node.js , GraphQL , MySQL for the #Backend utilizing Prisma as a database interface for MySQL to provide CRUD APIs and graphql-yoga as a server. For the #frontend I chose React, styled-components for styling, Next.js for routing and SSR and Apollo for data management. I really liked the outcome and I will definitely use this stack in future projects.

See more
Martin Johannesson
Martin Johannesson
Senior Software Developer at IT Minds · | 10 upvotes · 17.6K views
atIT MindsIT Minds
TypeScript
TypeScript
Node.js
Node.js
TypeORM
TypeORM
PostgreSQL
PostgreSQL
Apollo
Apollo
GraphQL
GraphQL
Next.js
Next.js
MongoDB
MongoDB
React
React
PWA
PWA
AMP
AMP
#B2B
#Backend
#Serverless

At IT Minds we create customized internal or #B2B web and mobile apps. I have a go to stack that I pitch to our customers consisting of 3 core areas. 1) A data core #backend . 2) A micro #serverless #backend. 3) A user client #frontend.

For the Data Core I create a backend using TypeScript Node.js and with TypeORM connecting to a PostgreSQL Exposing an action based api with Apollo GraphQL

For the micro serverless backend, which purpose is verification for authentication, autorization, logins and the likes. It is created with Next.js api pages. Using MongoDB to store essential information, caching etc.

Finally the frontend is built with React using Next.js , TypeScript and @Apollo. We create the frontend as a PWA and have a AMP landing page by default.

See more
David Ritsema
David Ritsema
Frontend Architect at Herman Miller · | 7 upvotes · 21.8K views
atHerman MillerHerman Miller
Node.js
Node.js
React
React
Next.js
Next.js
prismic.io
prismic.io

When we started thinking about technology options for our own Design System, we wanted to focus on two primary goals

  1. Build a design system site using design system components - a living prototype
  2. Explore new ways of working to position our technical capabilities for the future

We have a small team of developers responsible for the initial build so we knew that we couldn’t spend too much time maintaining infrastructure on the Backend. We also wanted freedom to make decisions on the Frontend with the ability to adapt over time.

For this first iteration we decided to use Node.js, React, and Next.js. Content will be managed via headless CMS in prismic.io.

  1. Next.js so that we can run React serverside without worrying about server code.
  2. prismic.io so that our content is accessible via API and our frontend is fully independent.
See more
Jason Barry
Jason Barry
Cofounder at FeaturePeek · | 6 upvotes · 15.5K views
atFeaturePeekFeaturePeek
React
React
Next.js
Next.js
Evergreen
Evergreen
#Frontend
#Frontenddevelopment
#FrontEndFrameworks

React Next.js Evergreen

Our #Frontend at FeaturePeek uses the Evergreen UI framework as a starting point for our basic UI primitives like buttons, modals, and inputs. I chose this library not only because it's beautiful and frequently updated, but also because the CSS-in-JS model inherited from ui-box is such a joy to work with.

Any CSS property can be passed to any UI component as a prop. Evergreen then compiles atomic classes from the rules used, and injects the styles in the head for every page. The easiest way I've encountered to achieve critical CSS. It even hydrates into the Next.js SSR scripts, so styles aren't lost when JavaScript is disabled.

#Frontenddevelopment #FrontEndFrameworks

See more
Gordon Wintrob
Gordon Wintrob
at Newfront Insurance · | 5 upvotes · 32.5K views
Next.js
Next.js
Create React App
Create React App
Ember.js
Ember.js
Webpack
Webpack
Babel
Babel
#JS

We needed a frontend framework for to make it easier to work with JavaScript. We chose Next.js since it maintains the flexibility of something like Create React App but gives some structure on how to organize the app similar to Ember.js.

Webpack and Babel are configured out of the box for #ServerSideRendering, #TreeShaking, and other nice #JS features.

See more

Next.js's Features

  • Zero setup. Use the filesystem as an API
  • Only JavaScript. Everything is a function
  • Automatic server rendering and code splitting
  • Data fetching is up to the developer
  • Anticipation is the key to performance
  • Simple deployment

Next.js Alternatives & Comparisons

What are some alternatives to Next.js?
Next.js
Next.js is a minimalistic framework for server-rendered React applications.
Create React App
Create React apps with no build configuration.
Gatsby
Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future.
Hexo
Hexo is a fast, simple and powerful blog framework. It parses your posts with Markdown or other render engine and generates static files with the beautiful theme. All of these just take seconds.
LoopBack
A highly-extensible, open-source Node.js framework that enables you to create dynamic end-to-end REST APIs with little or no coding. Connect to multiple data sources, write business logic in Node.js, glue on top of your existing services and data, connect using JS, iOS & Android SDKs.
See all alternatives

Next.js's Followers
375 developers follow Next.js to keep up with related blogs and decisions.
Wesam Taha
Kanishk Kunal
bulentala
snoculars1232297
Aref Aslani
kompanycoder
Brock Boren
Bakate Ba
Geun ho Jang
Lucas Clerisse