Agenda
- NextJS introduction
- Why next
- Selected examples
- Little Live Coding
Reasons to choose next.js
Great company “zeit" behind it
Can be used with different servers or static export
- Koa, Hapi, Fastify, Express…
- For start you can export to static file and host anywhere
- for example on Github pages
-
or now,
surge,
netlify ...
Include nice “tricks”
-
SSR out of the box
with
getInitialProps
- _document, _app (_app introduced in v6)
- Every page is “Webpack endpoint”
- Link prefetching
- Dynamic import
- You can extend build in webpack configuration
- Pass security audit
- CDN deployment ready (Continuous delivery)
- AMP support
Do not reinvent the wheel 🙏
- Netflix, GitHub, Avocode
- Kiwi.com
- Showcase
- stars
- custom server
- static export
- gh pages
- with inferno (preact) instead of react
-
and design, aphrodite, fela, glamorous
material-ui, styled-components, style-jsx
- redux, mobx, mobx-state-tree
- apollo, firebase
- electron, pkg
- flow, typescript
- jest (storybook)
- ReasonML
Questions
Petr Šnobelt
petr.snobelt@kiwi.com
@petrsnobelt