We recently used Next.js to build out an MVP. It was a pleasure to work with.
For those wondering what this is, it's basically a slightly more opinionated Create React App [1].
Here are some of the benefits:
- No need to setup complicated tooling
- Server and client (SPA-style) rendering out of the box
- Filesystem for routing using the `pages` directory
- `getInitialProps` component lifecycle to encapsulate data requirements per component
- Automatic code splitting for each route
- If it works with React, it works with Next.js
Here are some of the issues we encountered:
- Importing non-JS files from `node_modules` (like normalize.css) was not as simple as it could be (#1245 [2])
- Animation transition between pages is still being worked on (#88 [3])
- There are still some inconsistencies between server and client that could improve, like running Webpack on the server (#1245 [2])
- Doing proper scroll restoration when routing (#1309 [4])
We will continue to use it as long as it keeps letting us move fast without having to worry about spending hours setting up React tooling.
[1] https://github.com/facebookincubator/create-react-app
[2] https://github.com/zeit/next.js/issues/1245
[3] https://github.com/zeit/next.js/issues/88
[4] https://github.com/zeit/next.js/issues/1309
For those wondering what this is, it's basically a slightly more opinionated Create React App [1].
Here are some of the benefits:
- No need to setup complicated tooling
- Server and client (SPA-style) rendering out of the box
- Filesystem for routing using the `pages` directory
- `getInitialProps` component lifecycle to encapsulate data requirements per component
- Automatic code splitting for each route
- If it works with React, it works with Next.js
Here are some of the issues we encountered:
- Importing non-JS files from `node_modules` (like normalize.css) was not as simple as it could be (#1245 [2])
- Animation transition between pages is still being worked on (#88 [3])
- There are still some inconsistencies between server and client that could improve, like running Webpack on the server (#1245 [2])
- Doing proper scroll restoration when routing (#1309 [4])
We will continue to use it as long as it keeps letting us move fast without having to worry about spending hours setting up React tooling.
[1] https://github.com/facebookincubator/create-react-app
[2] https://github.com/zeit/next.js/issues/1245
[3] https://github.com/zeit/next.js/issues/88
[4] https://github.com/zeit/next.js/issues/1309