is a lightweight framework for static and server-rendered applications.

Petr Šnobelt | @petrsnobelt

Agenda

  • NextJS introduction
  • Why next
  • Selected examples
  • Little Live Coding

Next.js facts

Reasons to choose next.js

Great company “zeit" behind it

Great project

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 🙏

Notable companies using Next.js

  • Netflix, GitHub, Avocode
  • Kiwi.com
  • Showcase

Next specific features

Examples I/II.

  1. stars
  2. custom server
  3. static export
  4. gh pages
  5. with inferno (preact) instead of react
  6. and design, aphrodite, fela, glamorous
    material-ui, styled-components, style-jsx

Examples II/II

  1. redux, mobx, mobx-state-tree
  2. apollo, firebase
  3. electron, pkg
  4. flow, typescript
  5. jest (storybook)
  6. ReasonML

Our setup

Nice to have

Questions


Petr Šnobelt
petr.snobelt@kiwi.com
@petrsnobelt